支付宝小程序开发步骤 第1篇
本教程以一个EMAS Serverless入门Demo为例。请参考以下步骤,开发支付宝小程序项目:
在左侧导航栏选择支付宝 > 小程序,然后单击 模板选取,最后在全部分类中选择空白模板,单击下一步。
设置项目名称和项目路径,然后单击完成。
在IDE主窗口打开后会弹出二维码登录对话框,请使用手机支付宝扫描二维码登录IDE。
接下来在弹出的关联应用对话框中,选择已创建的支付宝小程序,然后单击确定。
在项目文件列表中找到文件,配置以下信息,然后保存。
appId是小程序的ID。您可以在支付宝小程序开发者工具详情面板的基本信息中查看App ID。
spaceId、clientSecret和Endpoint在EMAS Serverless控制台创建服务空间后可以获得。详情参见创建您的第一个服务空间。
在小程序开发工具中添加EMAS Serverless SDK的依赖并安装。
支付宝小程序开发步骤 第2篇
src\pages\index\的getUserInfo方法调用src\api\的getUserInfo方法,并将回调函数传入,成功回调函数中调用了src\api\的getUserOpenId方法(这里在import时做了一下转换:getUserOpenId as getOpenId)
src\api\调用或
src\api\的接口请求方法getAlipayOpenId,这里的接口是自己服务器上的而不是官方服务器上的,接下来来看服务器端是如何处理的
下载好服务器端的源码后需要准备:
准备完成之后将https证书引入到中,并在中将“获取支付宝openId”的一步中拿私钥的地方替换为自己的,然后通过node
运行服务器端项目
开发 openId 获取接口需要生成公钥和私钥,查看:技术文档
进入小程序开发者后台,在设置->开发设置->开发信息下填入公钥
支付宝小程序获取 openId 需要通过服务端 SDK 开发进行支持,查看:开发文档
首先需要安装依赖:
下面提供核心代码:
这里有两点需要注意:
支付宝小程序开发步骤 第3篇
打开src\pages\index\,小程序的加载是从mounted中调用init方法开始的,而在init方法中调用了getSetting方法来判断是否已经具备获取用户信息权限:
getSetting方法中调用了getSetting接口函数(在src\api\):
为了做兼容,getSetting接口函数修改为如下:
adapter 方法源码:
主要是因为微信和支付宝小程序接口的调用方式不同,比如有些地方的参数需要以对象的形式传入
除了这个接口其他接口调用都需要做兼容处理,由于篇幅原因这里就不再展示全部代码了
支付宝目前无法拿到用户授权的回调,所以在完成授权之后需要手动刷新页面,否则授权登录页面不会消失
src\api\的getUserInfo如下: