支付宝小程序云开发（Serverless）

支付宝小程序云开发（Serverless）

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

一、在支付宝账号里面开通小程序云服务

这是地址https://www.aliyun.com/product/miniappdev

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219145235784.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

创建的话首先需要授权

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219145404762.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

这里贴出官网的地址https://help.aliyun.com/document_detail/123251.html?spm=5176.cnminiappdev.0.0.5a377d31zhqFQJ&aly_as=7W1V7AKy

二、创建小程云服务空间

在前面认证好了之后，进入到我们的小程序云的服务管理平台，点击创建服务空间

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219150424260.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

点击详情

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219152125394.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

以上的几个是我们重要的一些参数

修改数据库权限

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219154327605.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

按照上面图片的方式配置好数据库的权限

三、创建支付宝小程序

如何创建支付宝小程序，在我前面的博客里面有https://blog.csdn.net/qq_45163122/article/details/104148446

配置服务器域名白名单

单击服务器域名白名单区域的添加，然后输入步骤一创建的服务空间的文件上传endpoint，endpoint这个在我们之前是获取过的。
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219164357161.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

在我们的小程序管理平台，在我们的小程序里面配置好，注意几个平台不要搞混淆了

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219164440390.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

四、添加支付宝小程序

在小程序云配置里面，打开设置，选择添加密钥

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219164559954.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

然后将对应的参数填写好

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219164657527.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

五、调试小程序

打开支付宝开发者工具，选择模板添加

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219165138347.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

打开之后可能需要登录，和认证，这个按照步骤走一遍，回到小程序里面刷新，注意需要在本机上安装node.js，用来安装依赖和扩展

可以点击以下图标看到关联额状态

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219170016223.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

打开文件目录，在server后面没有出现未关联说明已经部署成功

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219170140359.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

最后一步，配置app.js，首先在里面配置好我们之前获取的一些参数

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200219171309251.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTYzMTIy,size_16,color_FFFFFF,t_70)

这样就搭建好了开发支付宝云小程序的环境啦

感谢

vue-infinite-scroll

万能的互联网

以及勤劳的自己

posted @ 2020-03-16 13:07  归子莫  阅读(1847)  评论(0)    收藏  举报
Live2D