'use strict';
exports.main = async (event, context) => {
	// event里包含著客戶(hù)端提交的參數(shù)
	let data = await uniCloud.getPhoneNumber({
		appid: '__UNI__AAAAAA', // 替換成自己開(kāi)通一鍵登錄的應(yīng)用的DCloud appid，使用callFunction方式調(diào)用時(shí)可以不傳（會(huì)自動(dòng)取當(dāng)前客戶(hù)端的appid），如果使用云函數(shù)URL化的方式訪問(wèn)必須傳此參數(shù)
		provider: 'univerify',
		access_token: event.access_token,
		openid: event.openid
	})
	return data//返回的data里包含手機(jī)號(hào)
}

{
  "name": "univerify",
  "extensions": {
    "uni-cloud-verify": {} // 啟用一鍵登錄擴(kuò)展，值為空對(duì)象即可
  }
}

<template>
	<view>
		<button @tap="goLogin">手機(jī)號(hào)一鍵登錄</button>
	</view>
</template>

<script setup>
	//手機(jī)號(hào)一鍵登錄事件
		function goLogin() {
			uni.login({
				provider: 'univerify',
				univerifyStyle: { // 自定義登錄框樣式
					//參考`univerifyStyle 數(shù)據(jù)結(jié)構(gòu)`
					"fullScreen": true, // 是否全屏顯示，默認(rèn)值： false
					"title": '快速登錄',
					"backgroundColor": "#ffffff", // 授權(quán)頁(yè)面背景顏色，默認(rèn)值：#ffffff
					"icon": {
						"path": "../../static/my/頭像.png" // 自定義顯示在授權(quán)框中的logo，僅支持本地圖片 默認(rèn)顯示App logo
					},
					"phoneNum": {
						"color": "#000000", // 手機(jī)號(hào)文字顏色 默認(rèn)值：#000000
						"fontSize": "18" // 手機(jī)號(hào)字體大小 默認(rèn)值：18
					},
					"slogan": {
						"color": "#8a8b90", //  slogan 字體顏色 默認(rèn)值：#8a8b90
						"fontSize": "12" // slogan 字體大小 默認(rèn)值：12
					},
					// 一鍵登錄
					"authButton": {
						"normalColor": "#3479f5", // 授權(quán)按鈕正常狀態(tài)背景顏色 默認(rèn)值：#3479f5
						"highlightColor": "#2861c5", // 授權(quán)按鈕按下?tīng)顟B(tài)背景顏色 默認(rèn)值：#2861c5（僅ios支持）
						"disabledColor": "#73aaf5", // 授權(quán)按鈕不可點(diǎn)擊時(shí)背景顏色 默認(rèn)值：#73aaf5（僅ios支持）
						"textColor": "#ffffff", // 授權(quán)按鈕文字顏色 默認(rèn)值：#ffffff
						"title": "本機(jī)號(hào)碼一鍵登錄" // 授權(quán)按鈕文案 默認(rèn)值：“本機(jī)號(hào)碼一鍵登錄”
					},
					// 其他登錄方式
					"otherLoginButton": {
						"visible": "true", // 是否顯示其他登錄按鈕，默認(rèn)值：true
						"normalColor": "#f8f8f8", // 其他登錄按鈕正常狀態(tài)背景顏色 默認(rèn)值：#f8f8f8
						"highlightColor": "#dedede", // 其他登錄按鈕按下?tīng)顟B(tài)背景顏色 默認(rèn)值：#dedede
						"textColor": "#000000", // 其他登錄按鈕文字顏色 默認(rèn)值：#000000
						"title": "密碼登錄", // 其他登錄方式按鈕文字 默認(rèn)值：“其他登錄方式”
						"borderWidth": "1px", // 邊框?qū)挾?默認(rèn)值：1px（僅ios支持）
						"borderColor": "#c5c5c5" //邊框顏色 默認(rèn)值： #c5c5c5（僅ios支持）
					},
					// 自定義按鈕登錄方式
					"buttons": { // 僅全屏模式生效，配置頁(yè)面下方按鈕  （3.1.14+ 版本支持）  
						"iconWidth": "45px", // 圖標(biāo)寬度（高度等比例縮放） 默認(rèn)值：45px  
						"list": [{
								"provider": "apple",
								"iconPath": "/static/test.jpg", // 圖標(biāo)路徑僅支持本地圖片  
							},
							{
								"provider": "weixin",
								"iconPath": "/static/test.jpg",
							}
						]
					},
					"privacyTerms": {
						"defaultCheckBoxState": "true", // 條款勾選框初始狀態(tài) 默認(rèn)值： true
						"textColor": "#8a8b90", // 文字顏色 默認(rèn)值：#8a8b90
						"termsColor": "#1d4788", //  協(xié)議文字顏色 默認(rèn)值： #1d4788
						"prefix": "我已閱讀并同意", // 條款前的文案 默認(rèn)值：“我已閱讀并同意”
						"suffix": "并使用本機(jī)號(hào)碼登錄", // 條款后的文案 默認(rèn)值：“并使用本機(jī)號(hào)碼登錄”
						"fontSize": "12", // 字體大小 默認(rèn)值：12,
						"privacyItems": [
							// 自定義協(xié)議條款，最大支持2個(gè)，需要同時(shí)設(shè)置url和title. 否則不生效
							{
								"url": "https://", // 點(diǎn)擊跳轉(zhuǎn)的協(xié)議詳情頁(yè)面
								"title": "用戶(hù)服務(wù)協(xié)議" // 協(xié)議名稱(chēng)
							}
						]
					}
				},
				success(res) { // 登錄成功
					console.log(res);
					let openid = res.authResult.openid; //拿到openid
					let access_token = res.authResult.access_token; //拿到access_token
					console.log(openid)
					console.log(access_token)
					
					// 在得到access_token和openid后，通過(guò)callfunction調(diào)用云函數(shù)
					uniCloud.callFunction({
						name: "getPhoneNumber",
						data: {
							openid,
							access_token
						}
					}).then(res1 => {
						console.log("獲取成功");
						console.log(res1);
						// 獲取用戶(hù)的手機(jī)號(hào)
						let phoneNumber = res1.result.phoneNumber;
						//接下來(lái)就進(jìn)行你自己的操作
						//...
						//...
					}).catch((err) => {
						// 執(zhí)行失敗后的操作
						//...
						//...
					})
				},
				// 當(dāng)用戶(hù)點(diǎn)擊自定義按鈕時(shí)，會(huì)觸發(fā)uni.login的fail回調(diào)[點(diǎn)擊其他登錄方式，可以跳轉(zhuǎn)頁(yè)面，或執(zhí)行事件]
				fail(res) { // 登錄失敗
					console.log(res.code)
					if (res.code == "30002") {
						console.log('賬號(hào)密碼登錄');
					}
				}
			})
		}
</script>

// 以nodejs為例
const crypto = require('crypto')

const secret = 'your-secret-string' // 自己的密鑰不要直接使用示例值，且注意不要泄露
const hmac = crypto.createHmac('sha256', secret);

// 自有服務(wù)器生成簽名，并以GET方式發(fā)送請(qǐng)求
const params = {
  access_token: 'xxx', // 客戶(hù)端傳到自己服務(wù)器的參數(shù)
  openid: 'xxx'
}
// 字母順序排序后拼接簽名串
const signStr = Object.keys(params).sort().map(key => {
  return `${key}=${params[key]}`
}).join('&')
hmac.update(signStr);
const sign = hmac.digest('hex')
// 最終請(qǐng)求如下鏈接，其中https://xxxx/xxx為云函數(shù)Url化地址
// https://xxxx/xxx?access_token=xxx&openid=xxx&sign=${sign} 其中${sign}為上一步得到的sign值

// 云函數(shù)驗(yàn)證簽名，此示例中以接受GET請(qǐng)求為例作演示
const crypto = require('crypto')
exports.main = async function (event){

  const secret = 'your-secret-string' // 自己的密鑰不要直接使用示例值，且注意不要泄露
  const hmac = crypto.createHmac('sha256', secret);

  let params = event.queryStringParameters
  const sign = params.sign
  delete params.sign
  const signStr = Object.keys(params).sort().map(key => {
    return `${key}=${params[key]}`
  }).join('&')

  hmac.update(signStr);

  if(sign!==hmac.digest('hex')){
    throw new Error('非法訪問(wèn)')
  }

  const {
    access_token,
    openid
  } = params
  const res = await uniCloud.getPhoneNumber({
    provider: 'univerify',
    appid: 'xxx', // DCloud appid
    access_token: event.queryStringParameters.access_token,
    openid: event.queryStringParameters.openid
  })
  // 返回手機(jī)號(hào)給自己服務(wù)器
  return res
}

uni.login({
		provider: 'univerify', 
		success: function(res) {
			console.log('LOGINres----', res);
			let data = {
				accessToken: res.authResult.access_token,
				openId: res.authResult.openid
			}
			console.log('data----', data);
			uni.request({
				url: 'https://xxxxx/xxx', //自己應(yīng)用服務(wù)器的請(qǐng)求地址
				data: {
					data: JSON.stringify(data)
				},
				method: "POST",
				header: {
					"content-type": "application/x-www-form-urlencoded"
				},
				success: function(r) {
					console.log('結(jié)果---', r)
					//獲取登錄成功的token，并保存在前端
				},
				fail: function(err) {
					console.log('err--', err);
				}
			})
		},
		fail: function(err) {
			console.log('err', err);
		}
	})