微信小程序主营类目如何设置
微信小程序需要设置主营类目，面对繁多的各项类目，该如何选择？其实原则很简单，我们只需根据小程序实际运营内容来设置即可。所有未发布的小程序开发者要注意，必须先通过主营类目才能后续操作提交代码审核，并且如若选错可能会影响代码审核结果，导致审核失败。建议大家参照文档里小程序开放的服务类目做选择。可选主营类...
2024-01-25
2024-09-10 围观 : 0次
在进行微信小程序开发时，授权登录是必不可少的一个功能。通过授权登录，用户可以方便、快捷地登录微信小程序，并且不需要记住繁琐的账号密码，提高了用户的使用体验。本篇文章将介绍uniapp如何实现小程序授权登录。
一、授权登录原理
授权登录的原理是通过微信小程序提供的API接口，获取用户的微信openID信息。微信openID是微信用户的唯一ID，用于微信小程序在后台进行用户的统一管理。
二、获取微信openID及用户信息
在uniapp中可以通过uni.login()方法获取到code值，然后将该code值传递给后台服务器，服务器通过微信提供的API接口，获取到用户授权信息以及openID。代码实现如下：
```js
uni.login({
provider: 'weixin',
success: function(loginRes) {
if (loginRes.code) {
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
//将infoRes加到data的userinfo里
//发送请求给后台获取openID
}
});
}
}
});
```
三、授权登录实现过程
1、前端页面展示
在小程序开发时，如果希望用户可以使用小程序时，首先要展示授权页面。授权页面的内容可以自定义，但是必须包括“用户授权按钮”，只有用户点击授权按钮，才可以获得其微信openID信息。代码实现如下：
```html
```
2、调用uni.login()方法获取code值
在授权页面中，当用户点击“用户授权”按钮时，执行uni.login()方法，获取到code值。代码实现如下：
```js
methods: {
//用户授权
authUserInfo: function() {
uni.login({
provider: 'weixin',
success: function(loginRes) {
if (loginRes.code) {
//将code值传递给后台服务器获取openID
}
}
});
}
}
```
3、调用uni.getUserInfo()方法获取用户信息
在获取code值之后，可以通过uni.getUserInfo()方法获取用户在微信小程序中的基本信息，比如头像、昵称等。代码实现如下：
```js
methods: {
//用户授权
authUserInfo: function() {
uni.login({
provider: 'weixin',
success: function(loginRes) {
if (loginRes.code) {
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
//将infoRes加到data的userinfo里
//发送请求给后台获取openID
}
});
}
}
});
}
}
```
4、发送请求到后台获取openID
当获取到code值和用户信息之后，需要将这些数据传递给后台服务器，并通过微信API接口获取到用户的微信openID信息，然后返回给前端页面。代码实现如下：
```js
methods: {
//用户授权
authUserInfo: function() {
let that = this;
uni.login({
provider: 'weixin',
success: function(loginRes) {
if (loginRes.code) {
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
uni.request({
url: 'http://localhost:8080/getOpenid',
method: 'POST',
data: {
code: loginRes.code,
userInfo: infoRes.userInfo
},
success: function(res) {
//将res.data加到data的openid里
}
});
}
});
}
}
});
}
}
```
5、保存openID信息到前端页面
当获取到openID信息之后，需要将这些信息保存到前端页面，以便进行后续操作。
```js
methods: {
//用户授权
authUserInfo: function() {
let that = this;
uni.login({
provider: 'weixin',
success: function(loginRes) {
if (loginRes.code) {
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
uni.request({
url: 'http://localhost:8080/getOpenid',
method: 'POST',
data: {
code: loginRes.code,
userInfo: infoRes.userInfo
},
success: function(res) {
that.openid = res.data.openid;
}
});
}
});
}
}
});
}
}
```
四、总结
通过以上步骤，就可以实现uniapp小程序的授权登录功能。在实际开发中，如果需要更加细致的授权方式，可以通过微信提供的API接口进行自定义配置。授权登录的开发需要注意的是，在获取到用户授权信息和openID之后，需要及时进行数据的处理和存储，以便后续进行操作。
微信小程序需要设置主营类目，面对繁多的各项类目，该如何选择？其实原则很简单，我们只需根据小程序实际运营内容来设置即可。所有未发布的小程序开发者要注意，必须先通过主营类目才能后续操作提交代码审核，并且如若选错可能会影响代码审核结果，导致审核失败。建议大家参照文档里小程序开放的服务类目做选择。可选主营类...
随着微信小程序的流行，越来越多的人开始有意识地学习和使用小程序开发工具。小程序开发工具可以让开发者方便地开发、调试和发布小程序。目前，微信小程序开发工具是最常用的小程序开发工具之一。本文将介绍微信小程序开发工具的目录，包括其原理和详细介绍。1. 环境配置在使用微信小程序开发工具前，首先需要配置开发环...
开发工具是程序员的生产工具，是用来开发软件和应用程序的软件程序。小程序是一种轻量级的应用程序，可以在微信和其他平台上运行。在进行小程序开发的过程中，开发工具需要获取小程序在真实环境中的数据，这就需要涉及真机取值问题。一、开发工具的作用开发工具可以帮助程序员提高工作效率，帮助他们进行代码编写、调试和优...
怎么申请小程序 1、抢占小程序：小程序提交审核前，可修改两次名称。发布后，只有通过微信认证方可修改。2、第一步：百度“微信微信官方账号”，进入微信微信官方账号平台注册页面，点击“立即注册”。第二步：选择要注册的类型，这里选择“applet”。第三步：点击“小程序”进入数据填写界面，根据提示填写个人真...
在这个数字技术飞速发展的时代，吃喝玩乐不再局限于传统的模式，而是渗透进了我们掌上的智能世界。小程序开发，就 如同一块现代化的魔法石，将线上线下的生活服务无缝衔接，给我们带来了便捷的生活体验。如果你正打算跨入这个领域，那么你需要知道，吃喝玩乐小程...
