首頁 > web前端 > uni-app > uniapp怎麼申請微信登錄

uniapp怎麼申請微信登錄

藏色散人
發布: 2023-01-13 00:44:30
原創
5434 人瀏覽過

uniapp申請微信登入的方法:先註冊微信開放平台並進行企業認證;然後取得appid和秘鑰;接著在用戶端程式碼中進入「manifest.json」設定;最後實現點擊登入方法代碼即可。

uniapp怎麼申請微信登錄

本教學操作環境:windows7系統、uni-app2.5.1版本,Dell G3電腦。

推薦(免費):uni-app教學

uniapp實作APP微信登入流程

1、註冊微信開放平台

1、註冊帳號

https://open.weixin.qq.com

2、企業認證(微信登入必須認證)

 

3、建立應用程式填入資訊

 

 

4、等待審核

 

#5、取得appid和秘鑰(開立APP付款綁定商家即可)

 2、用戶端程式碼中進入manifest.json設定

##3、登入介面程式碼實作

寫一個登入按鈕

<button  class="confirm-btn" @click="weixinLo">微信登录</button>
登入後複製
實作點擊登入方法程式碼以及說明


weixinLo() {
				let that = this;
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						that.$queue.showLoading('正在登录中...');
						console.error(loginRes.authResult);
//获取登录的token
that.$queue.setData('weixinToken',loginRes.authResult.access_token);
//获取登录的unionid 这个还是在开放平台做了 公众号 小程序 微信登录app关联才会有
						that.$queue.setData('unionid', loginRes.authResult.unionid);
//获取openid
						that.$queue.setData('weixinOpenid', loginRes.authResult.openid);
//这里吧数据全部提交给后台核验,有没有注册 注册了 后台代码会请求接口String s = HttpClient.doGet("https://api.weixin.qq.com/sns/userinfo?access_token=" + loginInfo.getToken() + "&openid=" + loginInfo.getOpenid()); 获取头像和昵称
						that.$Request
							.postJson('/user/loginApp', {
								token: loginRes.authResult.access_token,
								unionid: loginRes.authResult.unionid,
								openid: loginRes.authResult.openid
							})
							.then(res => {
								if (res.status === 0) {

									//绑定手机号直接登录
									that.getUserInfo(res.data.userId, res.data.uuid);
								} else {
									//没有绑定手机号让绑定手机号
									uni.navigateTo({
										url: '/pages/public/wxmobile'
									});
								}
							});
					}
				});
			},
登入後複製
 

以上是uniapp怎麼申請微信登錄的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板