重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
支付宝的小程序公测以来,引起大量的用户流量。支付宝的小程序向企业开户,让商户开发专属自己的小程序应用。那么,如何在支付宝客户端开发小程序?下面小编手把手教您操作。
创新互联建站专业为企业提供东胜网站建设、东胜做网站、东胜网站设计、东胜网站制作等企业网站建设、网页设计与制作、东胜企业网站模板建站服务,十年东胜做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
支付宝的小程序组成部分类型:
1、js负责页面逻辑。
2、xml负责页面结构。
3、css负责页面样式。
4、json负责页面配置。
支付宝的小程序积累了技术经验。组件采用了蚂蚁的支付宝设计,其自身的特色功能封装在开放的流程中。在框架方面,采用开源React/webpack等技术。
支付宝的小程序开发特点:
1、基于 Web 技术,学习成本低。
2、一套代码,同时支持 iOS 和 Android,接近原生体验。
3、无缝接入 npm,背靠广大开源社区。
如何快速创建及开发支付宝小程序:
1、开发者入驻
用企业支付宝账号登录蚂蚁金服开放平台 进入小程序公测首页申请小程序公测,审核时间为1个工作日。
2、获取小程序APPID
用企业支付宝账号登录开放平台进入开发者中心频道,点击左侧【小程序】菜单,可以看到已经创建的小程序列表,若未创建小程序,请先【创建小程序】,创建后可在【我的小程序】列表页看到对应的小程序APPID,该ID在上传版本时需要填写。
3、下载/登录 IDE
首先,请下载小程序开发 IDE 工具。它是一个辅助开发支付宝的小程序本地应用工具,包含本地调试、代码编辑、真机预览、发布等功能,覆盖了应用开发的完整流程。下载完成之后,打开它,打开手机上的支付宝应用,扫码确定即可登录。
4、项目创建
登录成功后你会看到以下界面。点击创建项目,选择文件夹即可完成新项目的创建。
5、代码编辑
打开项目,会默认进入代码编辑模式。从左到右,依次是文件操作区、代码编辑区和预览区。
代码编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。在代码编辑区修改任何代码都会重新编译,然后自动刷新应用。
工具针对 my 接口和 axml 提供了大量的自动补全提示,以帮助开发者提高效率。
6、示例代码
点击创建项目后会出现项目模版选择界面,选择 Hello World 模版项目做为初始项目,这个项目已经初始化了一些样例文件。
1、首先在支付宝开发者平台上创建应用,并按照开发者平台上的步骤把SDK接入,配置环境(这些步骤支付宝开发者平台写的很清楚,下面我主要写一些开放平台没有,或者需要注意的地方)
2、导入头文件 #import AlipaySDK/AlipaySDK.h (如果报错,则是缺少某些类库或者静态库和头文件路径没有设置好,请仔细查看并按照开放平台的步骤检查,或者看一下这个: )
3、iOS 8.0以下重写下面方法
4、iOS 9.0以上实现下面的方法(也就是说,如果app要兼容iOS 8.0以上,则步骤3和步骤4的方法都要实现)
5、发起支付
注意:为了支付完成后能成功返回app,需要在info.plist文件中设置URL scheme,并且这个值是唯一的(最好填写bundel id 或者开放平台上的app ID),详细步骤在支付宝开放平台的接入文档有
1. 首先确认 openssl 和 Util目录已经添加到Build setting的 header search path中; 2. 奇葩的是即使添加了也会报这个错,纠结了半天, 经测试发现,需要添加以下的库和framework 问题搞定, SB的编译器啊,same folder 这一行前面的勾必须选上去,要不然 #include "头文件" 编译会出现找不到头文件,得将头文件的完整路径给加上去才不会出错。 将header and implementation file shall be in same folder ,在你的Xcode里的header search paths 里添加支付宝SDK(openssl的路径);格式如下 $(PROJECT_DIR)/文件夹名
众所周知。iOS的App会被抽成30%。这个抽成比例还是蛮高的。中小型企业是不一定接受的。
最近。iOS的审核也严格了。二进制文件中只要检测出AliPay的SDK就说你隐藏功能。使用第三方支付。违反进贡协议。
我就因为历史遗留支付宝SDK文件。被归入特别审核行列。马上快1个月了 App审核也没给我通过。
先不管审核是否通过。先来说说在App使用支付宝还避免被苹果抽成吧。
首先。我们的项目肯定要移除支付宝SDK了。然后。在支付宝的开发文档中有一篇说明。如何在微信公众号下使用支付宝支付。已经在微信公众号环境中。估计中国用户是没几个会多此一举的使用支付宝了。
但是这篇说明可以用在我们自己的App上呀。微信环境不给用。我们开发的App可以随便用呀。
App操作流程:我们提供一个服务器端的网页。用来生成支付宝的订单信息。然后跳转到支付宝的支付h5页面。并拉起支付宝App。(亲测有效)。支付完成后回到App。进行后续业务操作。
支付宝API
支付宝附赠的demo有bug,大企业的尿性,需要自己手动修改。
-------------------------------这里是华丽的分割线-------------------------------
如果App内无法拉起支付宝。就打开Safari浏览器 传入路径参数。该操作,App回来的时候不会调用viewDidAppear方法。需要在Controller中注册监听UIApplicationDidBecomeActiveNotification,在监听中调用[super viewDidAppear];方法。
-------------------------------这里是华丽的分割线-------------------------------
比较让人为难的是,支付完毕后,如何优雅的返回我们的App?在alipay SDK中,打开支付宝的链接中有个fromAppUrlScheme参数,这个参数名称通俗易懂,表示来自哪个App的urlScheme。
我们可以使用url decode,查看路径中是否有这个参数,如果没有加入一个试试?这个分割线没有经过测试。