最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

抖音小程序一鍵獲取手機號的實現(xiàn)思路

 更新時間:2025年01月23日 11:33:03   作者:Icebreaking丶  
前端通過code獲取sessionkey,再用sessionkey解密手機號加密信息,PHP后端實現(xiàn)這一過程,本文通過實例代碼給大家介紹抖音小程序一鍵獲取手機號功能,感興趣的朋友一起看看吧

前端代碼組件

<button 
		v-if="!isFromOrderList"
		class="get-phone-btn" 
		open-type="getPhoneNumber"
		@getphonenumber="onGetPhoneNumber"
	>
		一鍵獲取
	</button>
// 獲取手機號回調(diào)
		onGetPhoneNumber(e) {
			var that = this	
			tt.login({
				force: true,
				success(res) {
					console.log('獲取手機號回調(diào)', e)
					if (e.detail.errMsg === 'getPhoneNumber:ok') {
						// 獲取成功,調(diào)用后端接口解密手機號
						that.decryptPhoneNumber(res.code,e.detail.iv,e.detail.encryptedData)
					} else {
						uni.showToast({
							title: '獲取手機號失敗',
							icon: 'none'
						})
					}
				},
				fail(res) {
					console.log(`login 調(diào)用失敗`);
				},
			});
		},
		// 解密手機號 后端PHP進行解密
		async decryptPhoneNumber(code,iv,encryptedData) {
			try {
				const res = await orderApi.decryptPhone({
					code: code,
					iv: iv,
					encryptedData: encryptedData
				})
				if (res.code === 1 && res.data && res.data.phone) {
					this.phone = res.data.phone
				} else {
					throw new Error(res.msg || '獲取手機號失敗')
				}
			} catch (error) {
				console.error('解密手機號失敗:', error)
				uni.showToast({
					title: error.message || '獲取手機號失敗',
					icon: 'none'
				})
			}
		}

后端使用的PHP去實現(xiàn) 思路首先通過前端的code換取sessionkey 然后通過 sessionkey解密前端手機號加密信息

    /**
     * 獲取抖音小程序手機號
     * @param $code
     * @param $iv
     * @param $encryptedData
     * @return \think\response\Json
     * @throws \GuzzleHttp\Exception\GuzzleException
     */
    public function get_mobile($code, $iv, $encryptedData)
    {
        $result = $this->code2Session($code);
        //解密
        $phone = openssl_decrypt(base64_decode($encryptedData, true), 'AES-128-CBC', base64_decode($result['session_key']), OPENSSL_RAW_DATA, base64_decode($iv));
        $phone = json_decode($phone, 1);
        if (isset($phone['phoneNumber']) && $phone['phoneNumber']) {
            return json([
                'code' => 1,
                'msg' => '獲取成功',
                'data' => [
                    'phone' => $phone['phoneNumber']
                ],
            ]);
        } else {
            return json([
                'code' => 0,
                'msg' => '獲取失敗',
                'data' => [
                ],
            ]);
        }
    }
    /**
     * 通過code換取 session_key
     * @param $code
     * @return array
     * @throws \GuzzleHttp\Exception\GuzzleException
     */
    public function code2Session($code)
    {
        $uri = 'https://developer.toutiao.com/api/apps/v2/jscode2session';
        $options = [
            'body' => json_encode([
                'appid' => config('xinghuo_mp.appid'),
                'secret' => config('xinghuo_mp.appsecret'),
                'code' => $code,
                'anonymous_code' => ''
            ]),
            'headers' => [
                'Content-Type' => 'application/json'
            ]
        ];
        $response = (new \GuzzleHttp\Client)->post($uri, $options);
        $stringBody = (string)$response->getBody();
        $result = json_decode($stringBody, true);
        return ['openid' => $result['data']['openid'], 'session_key' => $result['data']['session_key']];
    }

到此這篇關(guān)于抖音小程序一鍵獲取手機號的實現(xiàn)思路的文章就介紹到這了,更多相關(guān)抖音小程序一鍵獲取手機號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 結(jié)合ES6?編寫?JavaScript?設(shè)計模式中的結(jié)構(gòu)型模式

    結(jié)合ES6?編寫?JavaScript?設(shè)計模式中的結(jié)構(gòu)型模式

    這篇文章主要介紹了結(jié)合ES6編寫JavaScript?設(shè)計模式中的結(jié)構(gòu)型模式,設(shè)計模式是軟件設(shè)計中常見問題的解決方案,這些模式很容易重復(fù)使用并且富有表現(xiàn)力
    2022-07-07
  • 使用 bootstrap modal遇到的問題小結(jié)

    使用 bootstrap modal遇到的問題小結(jié)

    bootstrap提供了一個寫好的css文件和js文件然而在使用時遇到了一下并不是很好的問題,今天在使用彈出對話框時遇到了一個這樣的問題,今天小編給大家分享下使用 bootstrap modal遇到的問題小結(jié),一起看看吧
    2016-11-11
  • 實現(xiàn)高性能javascript的注意事項

    實現(xiàn)高性能javascript的注意事項

    JavaScript代碼在web應(yīng)用程序中經(jīng)常用到,但是很多開發(fā)者忽視了一些性能方面的知識,如何編寫高性能javascript代碼呢?接下來,小編跟大家一起學(xué)習
    2019-05-05
  • js學(xué)習階段總結(jié)(必看篇)

    js學(xué)習階段總結(jié)(必看篇)

    下面小編就為大家?guī)硪黄猨s學(xué)習階段總結(jié)(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 前端項目部署后如何提示用戶版本更新詳解

    前端項目部署后如何提示用戶版本更新詳解

    這篇文章主要給大家介紹了關(guān)于前端項目部署后如何提示用戶版本更新的相關(guān)資料,文中通過代碼介紹的非常詳細,對大家的工作或者學(xué)習具有一定的參考借鑒價值,需要的朋友可以參考下
    2024-03-03
  • JavaScript字符串常用類使用方法匯總

    JavaScript字符串常用類使用方法匯總

    今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡要說明。便于程序員用于快速參考。當然,最有經(jīng)驗的開發(fā)人員對這些操作很熟悉,但我認為這是一個很好的方法幫助初學(xué)者理解這些函數(shù),他可以幫助你使用簡單的語法,完成復(fù)雜的操作.
    2015-04-04
  • 基于js文件加載優(yōu)化(詳解)

    基于js文件加載優(yōu)化(詳解)

    下面小編就為大家分享一篇基于js文件加載優(yōu)化(詳解),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • SharedWorker?多頁面相互通信示例詳解

    SharedWorker?多頁面相互通信示例詳解

    這篇文章主要為大家介紹了SharedWorker?多頁面相互通信示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-12-12
  • setTimeout 不斷吐食CPU的問題分析

    setTimeout 不斷吐食CPU的問題分析

    有時候我們在使用setTimeout的時候會導(dǎo)致IE特別占用cpu,有可能會導(dǎo)致死機等情況。
    2009-04-04
  • javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解

    javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解

    這篇文章主要介紹了javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2020-07-07

最新評論

镇平县| 巨野县| 通化市| 成安县| 长春市| 沙洋县| 凤山县| 诏安县| 肇庆市| 金门县| 新乡市| 二连浩特市| 安新县| 山阴县| 井冈山市| 将乐县| 二连浩特市| 崇明县| 乌兰浩特市| 繁峙县| 姚安县| 璧山县| 汝南县| 仪陇县| 永川市| 泽州县| 于都县| 静宁县| 景谷| 兴隆县| 邓州市| 栖霞市| 清水县| 同德县| 平乐县| 巨野县| 西峡县| 贵南县| 黄陵县| 吐鲁番市| 东山县|