小程序登陆-微信小程序登录-支付宝小程序登录-头条小程序登录

更新记录

1.0（2022-04-20）

第一次更新

平台兼容性

阿里云	腾讯云	支付宝云
√	×	×

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	√	√	×	√	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

原文链接

1、先上图

在这里插入图片描述

2、插件功能

1.支持微信小程序登录，登录成功后取到openId，头像，昵称信息，并保存到用户表，更新前端头像。
2.支持支付宝小程序登录，登录后取到openId，头像，并保存到用户表，更新前端头像。
3.支持头条小程序登陆，登录后取到openId，头像，并保存到用户表，更新前端头像。
4.功能简介，无冗余代码。

安装指引请联系 QQ：2214904953 添加请发消息小程序登陆。

插件安装配置

1.下载小程序登录插件。

2.关联云空间

在这里插入图片描述

3.修改插件配置，添加微信小程序的和支付宝，今日头条小程序的配置信息：

在这里插入图片描述

{
    "mpWeiXinConfig":{
        "app_id":"",     //设置微信小程序appid
        "private_key":""   //设置微信小程序密钥
    },
    "mpAlipayConfig":{
        "app_id":"2021002163661399",     //设置支付宝小程序appid
         //1.设置小程序的密钥，密钥前需加 "-----BEGIN RSA PRIVATE KEY-----\n"
     //2.密钥后缀“\n-----END RSA PRIVATE KEY-----”
        "private_key":"-----BEGIN RSA PRIVATE KEY-----\n复制密钥到这里\n-----END RSA PRIVATE KEY-----"  
},
"mpTouTiaoConfig": {
    "app_id": "",          //设置头条小程序appid
    "private_key": ""      //头条小程序密钥
 }
}

4上传云函数和公共模块

在这里插入图片描述

5 初始化数据库：

在这里插入图片描述

小程序注意事项：

支付宝小程序：

使用支付宝

1.登录支付宝开发者中心：https://open.alipay.com/platform/home.htm。

2.按照支付宝平台的指引创建小程序。

3.使用小程序的密钥工具在线地址：https://miniu.alipay.com/keytool/create，选择RSA2和PCS1，并生成小程序的私钥和公钥，保存密钥。公钥用来设置接口加签方式；私钥配置小程序的代码时使用。

在这里插入图片描述

4.打开小程序开发设置，设置加签的方式和服务端网址。拷贝公钥设置接口加签方式。

在这里插入图片描述

下表的域名均为阿里云或腾讯云自有域名，并非DCloud所属域名。

服务提供商	request合法域名	uploadFile合法域名	download合法域名
阿里云	api.bspapp.com	bsppub.oss-cn-shanghai.aliyuncs.com	需要从云存储下载文件的时候才需要配置，不同服务空间域名不同，可以在web控制台查看文件详情里面看到
腾讯云	tcb-api.tencentcloudapi.com	cos.ap-shanghai.myqcloud.com	需要从云存储下载文件的时候才需要配置，不同服务空间域名不同，可以在web控制台查看文件详情里面看到

如果需要用uni.request请求云存储内的文件，需要将云存储域名（即上表中的download合法域名）配置到request合法域名内

5.添加小程序获取会员信息能力，并确认能力已经生效。

在这里插入图片描述

微信小程序： 1.登录微信公众平台：https://mp.weixin.qq.com/

2.打开小程序的开发设置tab页，获取应用的appId和小程序密钥：

在这里插入图片描述

头条小程序：

1.创建头条小程序后，配置后端的域名和本地调试的地址：

在这里插入图片描述

2.进行本地调试时，需要打开头条小程序开发工具“详情-->工具配置”，勾选不校验合法域名。

作者相关文章

反编译获取任何微信小程序源码——看这篇就够了

零成本，零基础搭建获利的影视小程序

零基础搭建智能垃圾分类小程序(可做毕设，可加入流量主，赚取零花钱)