美女一区AV网,蜜桃男人天堂av,熟女日韩一区

今天就來學(xué)習(xí)使用微信公眾號(hào)網(wǎng)頁開發(fā)中的JS-SDK。然后來模仿微信客戶端的語音輸入功能。

一、移動(dòng)端網(wǎng)頁布局

第一步簡(jiǎn)單移動(dòng)端布局，主要使用了兩個(gè)第三方得庫：

WeUI
zepto

布局得效果如圖：

布局源代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- https://res.wx.qq.com/open/libs/weui/2.2.0/weui.min.css -->
    <link rel="stylesheet" href="./vendor/weui.min.css">
    <title>H5頁面</title>
    <style>
        *{
            margin: 0;
            padding:0;
        }
        html,body{
            height: 100%;
            width: 100%;
        }
        .js_dialog{
            display: none;
        }
        .weui-dialog {
            background-color: transparent;
        }
        .popup{
            width: 176px;
            height: 176px;
            margin: auto;
            background: url("./vendor/images/ic_record@2x.png") no-repeat 25% center,url("./vendor/images/ic_record_ripple@2x-1.png") no-repeat 75% center;
            border-radius: 12px; 
            background-color: rgba(0, 0, 0, .7);
        }
    </style>
</head>
<body>
    <div class="page">
        <div class="weui-form">
            <div class="weui-form__text-area">
                <h2 class="weui-form__title">公眾號(hào)語音翻譯</h2>
                    <div class="weui-form__desc">長(zhǎng)按按鈕進(jìn)行錄音，松開按鈕開始翻譯</div>
            </div>
            <div class="weui-form__control-area">
                <div class="weui-cells__group weui-cells__group_form">
                    <div class="weui-cells__title">翻譯結(jié)果</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell ">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" placeholder="這里是結(jié)果展示區(qū)" rows="8" id="inputText" data-id="10"></textarea>
                                <div class="weui-textarea-counter"><span id="counter">0</span>/1000</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-form__opr-area">
                <a class="weui-btn weui-btn_default" href="javascript:" id="btnRecord">按住 說話</a>
            </div>
        </div>
    </div>
    <!-- 錄音圖標(biāo) -->
    <div class="js_dialog" id="iosDialog2">
        <!-- 不要蒙層 -->
        <!-- <div class="weui-mask"></div> -->
        <div class="weui-dialog">
            <div class="popup weui-dialog__bd" id="popup">

            </div>
        </div>
    </div>
    <script src="./vendor/zepto.min.js"></script>
    <script>
        const btn = $("#btnRecord");
        const counter = $("#counter");
        const inputText = $("#inputText");
        const iosDialog2 = $("#iosDialog2");
        const popup = $("#popup");
        inputText.on("input",function(e,text){
                counter.text(e.target.value.length);
                console.log();
        });
        var timer = null;
        btn.on("touchmove",function(e){
            //這個(gè)地方可以做上滑取消
        })
        btn.on("touchstart",function(){
            btn.text("松開 結(jié)束");
            iosDialog2.css({"display":"block"});

            //輪播
            setTimer();
            function setTimer(){
                const index = [9, 8, 7, 6, 5, 4, 3, 2, 1, 2, 3, 4, 5, 6, 7, 8, 9];
                let num = 0;
                timer = setInterval(function(){
                    num++;
                    setTimeout(function(){
                        if (num >= index.length - 1) {
                            num = 0;
                        }
                        popup.css({
                            background:`url('./vendor/images/ic_record@2x.png') no-repeat 25% center, url('./vendor/images/ic_record_ripple@2x-${index[num]}.png') no-repeat 75% center`,
                            backgroundColor:"rgba( 0 , 0 , 0 , .7)"
                        });
                    },70);
    
                },70);
            };
        },false);
        btn.on("touchend",function(){
            btn.text("按住 說話");
            iosDialog2.css({"display":"none"});
            clearInterval(timer);
        },false);
    </script>
</body>
</html>

二、調(diào)取微信接口的步驟

我們知道。前端在移動(dòng)端開發(fā)這塊，主要設(shè)計(jì)的知識(shí)是 H5。但是前端在調(diào)取手機(jī) API，這方面能力特別弱。微信公眾號(hào)提供了JS-SDK，可以彌補(bǔ)這個(gè)缺點(diǎn)，讓我們比較容易調(diào)取手機(jī)的接口和微信公眾號(hào)提供的一些接口。但是在我們使用 JS-SDK 進(jìn)行網(wǎng)頁開發(fā)的時(shí)候必須通過微信服務(wù)器的驗(yàn)證。官網(wǎng)就叫 JS-SDK 的使用步驟：

步驟一：綁定域名

先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”。
備注：登錄后可在“開發(fā)者中心”查看對(duì)應(yīng)的接口權(quán)限。

測(cè)試號(hào)在這里填寫：

步驟二：引入JS文件

在需要調(diào)用 JS 接口的頁面引入如下 JS 文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需進(jìn)一步提升服務(wù)穩(wěn)定性，當(dāng)上述資源不可訪問時(shí)，可改訪問：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。

備注：支持使用 AMD/CMD 標(biāo)準(zhǔn)模塊加載方法加載

一般我們?cè)谑褂玫谌桨脮r(shí)候，都是要求下載下來，但是這個(gè)可以不下載，因?yàn)槿绻涌趶U棄了官方直接就給除名了，壓根不會(huì)去兼容低版本。

步驟三：通過config接口注入權(quán)限驗(yàn)證配置

所有需要使用JS-SDK的頁面必須先注入配置信息，讓微信服務(wù)器完成驗(yàn)證，否則我們將無法調(diào)用其提供得 API。

wx.config({
  debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，比較煩人，若要查看傳入的參數(shù)，可以在pc端打開，在PC端參數(shù)信息會(huì)通過log打出，記住僅在pc端時(shí)才會(huì)打印。
  appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
  timestamp: , // 必填，生成簽名的時(shí)間戳
  nonceStr: '', // 必填，生成簽名的隨機(jī)串
  signature: '',// 必填，簽名
  jsApiList: [] // 必填，需要使用的JS接口列表
});

步驟四：通過ready接口處理成功驗(yàn)證

wx.ready(function(){
  // config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。
});

步驟五：通過error接口處理失敗驗(yàn)證

wx.error(function(res){
  // config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名。
});

三、JS-SDK使用權(quán)限簽名算法

前端要想通過 config 接口成功注入權(quán)限，還需在后端完成簽名算法，發(fā)給前端，前端發(fā)給微信服務(wù)器來驗(yàn)證。

首先我們要拿到 access_token ，通過 access_token 拿到 jsapi_ticket，jsapi_ticket 里面的 ticket 是我們完成簽名發(fā)算法必備字段。這個(gè)知識(shí)去參考之前寫的微信公眾號(hào)獲取 acess_token 和 jsapi-ticket

現(xiàn)在來看看簽名算法的要求：

簽名生成規(guī)則如下：參與簽名的字段包括noncestr（隨機(jī)字符串）, 有效的jsapi_ticket, timestamp（時(shí)間戳）, url（當(dāng)前網(wǎng)頁的URL，不包含#及其后面部分）。然后對(duì)這四個(gè)待簽名參數(shù)按照字段名的ASCII 碼從小到大排序（字典序）后，在使用URL鍵值對(duì)的格式（即key1=value1&key2=value2…）拼接成字符串string1。這里需要注意的是所有參數(shù)名均為小寫字符。最后對(duì)string1進(jìn)行sha1加密，得到signature，字段名和字段值都采用原始值，不進(jìn)行URL 轉(zhuǎn)義。

在進(jìn)行簽名算法之前，首先講明我們使用的模板引擎是 ejs：

//配置模板引擎為ejs，還可以為jade
app.set('view engine', 'ejs');
// 模板引擎搜索根目錄（存放ejs文件的地方），views是固定寫法
app.set('views', __dirname + '/views');

然后就是我們寫項(xiàng)目的時(shí)候在 html 里面會(huì)引入一些靜態(tài)資源，這時(shí)候需要靜態(tài)文件夾，代碼為：

// 靜態(tài)資源目錄，vendor前面必須有杠
app.use("/vendor",express.static(__dirname + '/vendor'));
//vendor文件夾里面的東西就被靜態(tài)化了，訪問例子如下
//http://192.168.1.6:3000/vendor/zepto.min.js

這時(shí)候來完成算法，見下：

// const { getUserDataAsync , parseXMLAsync , formatMessage} = require("./utils/tools");
// const { token , url } = require("./config");


const express = require("express");
const app = express();
//url:"http://bbc40eb8.ngrok.io"
const { url } = require("./config");
const sha1 = require("sha1");
const wechat = require("./Wechat/wechat");
//配置模板資源目錄

// 杠得問題太多了。
// 靜態(tài)資源目錄，前面必須有杠
app.use("/vendor",express.static(__dirname + '/vendor'));

// 模板引擎搜索根目錄views固定寫法
app.set('views', __dirname + '/views');
//配置模板引擎
app.set('view engine', 'ejs');
app.get("/search",async (req,res,next)=>{
  /*
    生成js-sdk使用的簽名：
      1. 組合參與簽名的四個(gè)參數(shù)：jsapi_ticket（臨時(shí)票據(jù)）、noncestr（隨機(jī)字符串）、timestamp（時(shí)間戳）、url（當(dāng)前服務(wù)器地址）
      2. 將其進(jìn)行字典序排序，以'&'拼接在一起
      3. 進(jìn)行sha1加密，最終生成signature
   */
  //獲取隨機(jī)字符串
  const noncestr = Math.random().toString().split('.')[1];
  //獲取時(shí)間戳
  const timestamp = Date.now();
  //獲取票據(jù)
  const {ticket} = await wechat.fetchTicket();
  
  // 1. 組合參與簽名的四個(gè)參數(shù)：jsapi_ticket（臨時(shí)票據(jù)）、noncestr（隨機(jī)字符串）、timestamp（時(shí)間戳）、url（當(dāng)前服務(wù)器地址）
  const arr = [
    `jsapi_ticket=${ticket}`,
    `noncestr=${noncestr}`,
    `timestamp=${timestamp}`,
    `url=${url}/search`
  ]
  
  // 2. 將其進(jìn)行字典序排序，以'&'拼接在一起
  const str = arr.sort().join('&');
  console.log(str);  //xxx=xxx&xxx=xxx&xxx=xxx
  
  // 3. 進(jìn)行sha1加密，最終生成signature
  const signature = sha1(str);
    console.log(signature)
    //渲染頁面，將渲染好的頁面返回給用戶
    res.render('search', {
        signature,
        noncestr,
        timestamp
    });
});

app.listen(3000,()=>{console.log("3000端口已被監(jiān)聽")});

這時(shí)候在 views 文件夾里面有 search.ejs 我們來進(jìn)行權(quán)限驗(yàn)證配置：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>hello world</h1>
    <script src="./vendor/jweixin.js"></script>
    <script>
        wx.config({
            debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
            appId: '填寫自己的', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
            timestamp: '<%= timestamp%>', // 必填，生成簽名的時(shí)間戳
            nonceStr: '<%= noncestr %>', // 必填，生成簽名的隨機(jī)串
            signature: '<%= signature %>',// 必填，簽名
            jsApiList: [
                "chooseImage",
                "startRecord",
                "stopRecord",
                "onVoiceRecordEnd",
                "playVoice",
                "pauseVoice",
                "stopVoice",
                "onVoicePlayEnd",
                "translateVoice"
            ], // 必填，需要使用的JS接口列表
        });
    </script>
</body>
</html>

在微信開發(fā)者工具里面訪問，完美展示一個(gè)錯(cuò)誤：

在微信開發(fā)者工具里面訪問，完美展示一個(gè)錯(cuò)誤

此時(shí)我估計(jì)把 JS 接口安全域名給配置錯(cuò)誤，發(fā)現(xiàn)調(diào)試工具會(huì)報(bào)錯(cuò)會(huì)給出具體原因，還是不錯(cuò)的。

配置成功的截圖

還給出了獲取的權(quán)限列表。

接下來加上開始的布局并把錄音轉(zhuǎn)換 API 用起來：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- https://res.wx.qq.com/open/libs/weui/2.2.0/weui.min.css -->
    <link rel="stylesheet" href="./vendor/weui.min.css">
    <title>H5頁面</title>
    <style>
        *{
            margin: 0;
            padding:0;
        }
        html,body{
            height: 100%;
            width: 100%;
        }
        .js_dialog{
            display: none;
        }
        .weui-dialog {
            background-color: transparent;
        }
        .popup{
            width: 176px;
            height: 176px;
            margin: auto;
            background: url("./vendor/images/ic_record@2x.png") no-repeat 25% center,url("./vendor/images/ic_record_ripple@2x-1.png") no-repeat 75% center;
            border-radius: 12px; 
            background-color: rgba(0, 0, 0, .7);
        }
        /* 防止長(zhǎng)按選中字 */
        .btn{
            user-select: none;
        }
    </style>
</head>
<body>
    <div class="page">
        <div class="weui-form">
            <div class="weui-form__text-area">
                <h2 class="weui-form__title">公眾號(hào)語音翻譯</h2>
                    <div class="weui-form__desc">長(zhǎng)按按鈕進(jìn)行錄音，松開按鈕開始翻譯</div>
            </div>
            <div class="weui-form__control-area">
                <div class="weui-cells__group weui-cells__group_form">
                    <div class="weui-cells__title">翻譯結(jié)果</div>
                    <div class="weui-cells weui-cells_form">
                        <div class="weui-cell ">
                            <div class="weui-cell__bd">
                                <textarea class="weui-textarea" placeholder="這里是結(jié)果展示區(qū)" rows="8" id="inputText" data-id="10"></textarea>
                                <div class="weui-textarea-counter"><span id="counter">0</span>/1000</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-form__opr-area">
                <a class="weui-btn weui-btn_default btn" href="javascript:" id="btnRecord">按住 說話</a>
            </div>
        </div>
    </div>
    <!-- 錄音圖標(biāo) -->
    <div class="js_dialog" id="iosDialog2">
        <!-- 不要蒙層 -->
        <!-- <div class="weui-mask"></div> -->
        <div class="weui-dialog">
            <div class="popup weui-dialog__bd" id="popup">

            </div>
        </div>
    </div>

    <!-- 錄制時(shí)間太短提示 -->
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">錄制時(shí)間太短</p>
        </div>
    </div>
    <script src="./vendor/zepto.min.js"></script>
    <script src="./vendor/jweixin.js"></script>
    <script>
        wx.config({
            debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
            appId: 'wx22434dff749a1f16', // 必填，公眾號(hào)的唯一標(biāo)識(shí)
            timestamp: '<%= timestamp%>', // 必填，生成簽名的時(shí)間戳
            nonceStr: '<%= noncestr %>', // 必填，生成簽名的隨機(jī)串
            signature: '<%= signature %>',// 必填，簽名
            jsApiList: [
                "chooseImage",
                "startRecord",
                "stopRecord",
                "onVoiceRecordEnd",
                "playVoice",
                "pauseVoice",
                "stopVoice",
                "onVoicePlayEnd",
                "translateVoice"
            ], // 必填，需要使用的JS接口列表
        });


        wx.ready(function(){
            // config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用都必須在config接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中。
            // checkJsApi檢測(cè)是否支持API接口，上線一般都關(guān)掉 
            wx.checkJsApi({
                jsApiList: ['chooseImage'], // 需要檢測(cè)的JS接口列表，所有JS接口列表見附錄2,
                success: function(res) {
                    // 以鍵值對(duì)的形式返回，可用的api值true，不可用為false
                    // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                    console.log(res);
                }
            });
            
            const btn = $("#btnRecord");
            const counter = $("#counter");
            const inputText = $("#inputText");
            const iosDialog2 = $("#iosDialog2");
            const popup = $("#popup");
            const toast = $("#toast");

            // 定時(shí)器
            let timer = null;
            // 開始錄音時(shí)間戳
            let startTime = 0;
            let recordTimer = null;
            // 按下錄音
            btn.on("touchstart",function(){
                startTime = new Date().getTime();
                // 延時(shí)后錄音，避免誤操作
                recordTimer = setTimeout(function () {
                    wx.startRecord({
                        success: function () {
                            
                        },
                        cancel: function () {
                            alert('用戶拒絕授權(quán)錄音');
                        },
                        complete: function () {}
                    });
                }, 300);


                btn.text("松開 結(jié)束");
                iosDialog2.css({"display":"block"});
                //輪播
                setTimer();
                function setTimer(){
                    const index = [9, 8, 7, 6, 5, 4, 3, 2, 1, 2, 3, 4, 5, 6, 7, 8, 9];
                    let num = 0;
                    timer = setInterval(function(){
                        num++;
                        setTimeout(function(){
                            if (num >= index.length - 1) {
                                num = 0;
                            }
                            popup.css({
                                background:`url('./vendor/images/ic_record@2x.png') no-repeat 25% center, url('./vendor/images/ic_record_ripple@2x-${index[num]}.png') no-repeat 75% center`,
                                backgroundColor:"rgba( 0 , 0 , 0 , .7)"
                            });
                        },70);
        
                    },70);
                };
            },false);

            // 停止錄音
            btn.on("touchend",function(){
                btn.text("按住 說話");
                iosDialog2.css({"display":"none"});
                clearInterval(timer);
                // 間隔太短
                const timeDitance = new Date().getTime() - startTime;
                if (timeDitance < 300) {
                    startTime = 0;
                    // 不錄音
                    clearTimeout(recordTimer);
                    if (toast.css('display') != 'none') return;
                    toast.css({
                        "display": "block"
                    });
                    setTimeout(function () {
                        toast.css({
                            "display": "none"
                        });
                    }, 2000);
                } else {
                    // 松手結(jié)束錄音
                    wx.stopRecord({
                        success: function (res) {
                            const localId = res.localId;
                            wx.translateVoice({
                                localId: localId, // 需要識(shí)別的音頻的本地Id，由錄音相關(guān)接口獲得
                                isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示
                                success: function (res) {
                                    // 語音識(shí)別的結(jié)果
                                    const result = res.translateResult
                                    counter.text(result.length);
                                    inputText.text(result);
                                    // 播放錄音
                                    playVoice();
                                }
                            });
                        }
                    });
                };
            },false);
            wx.onVoiceRecordEnd({
                complete: function (res) {
                    voice.localId = res.localId;
                    alert('錄音時(shí)間已超過一分鐘');
                }
            });
            function playVoice() {
                wx.playVoice({
                    localId: voice.localId
                });
            };
        });


        wx.error(function(res){
        // config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名。
            console.log("config配置失敗");
        });
    </script>
</body>
</html>

現(xiàn)在還有一點(diǎn)需要優(yōu)化的地方，在 search.ejs 里面我們使用了靜態(tài)資源，而且按住按鈕時(shí)候還不斷通過定時(shí)器來加載圖片，因?yàn)槲覀儧]有給這些靜態(tài)資源添加 max-age 字段，max-age 默認(rèn)為 0；

靜態(tài)資源相對(duì)失效時(shí)間為 0 ，導(dǎo)致我們每次都會(huì)去請(qǐng)求服務(wù)器進(jìn)行協(xié)商緩存，這時(shí)請(qǐng)求的多了，服務(wù)器會(huì)返回 429 狀態(tài)碼 Status Code: 429 Too Many Requests。所以我們得為靜態(tài)資源設(shè)置相對(duì)失效時(shí)間。代碼為：

// Status Code: 429 Too Many Requests
app.use("/vendor",express.static(__dirname + '/vendor',{
    maxAge:"7200000"
}));
//7200秒再次訪問
//Status Code: 200 OK (from disk cache)

最后得實(shí)現(xiàn)效果圖：

手機(jī)就懶得搞動(dòng)圖了，不過語音識(shí)別效果還是不錯(cuò)的。

完成時(shí)間：2020年2月19日23點(diǎn)08分

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

微信公眾號(hào)網(wǎng)頁開發(fā)——語音輸入

微信公眾號(hào)網(wǎng)頁開發(fā)——語音輸入

一、移動(dòng)端網(wǎng)頁布局

二、調(diào)取微信接口的步驟

步驟一：綁定域名

步驟二：引入JS文件

步驟三：通過config接口注入權(quán)限驗(yàn)證配置

步驟四：通過ready接口處理成功驗(yàn)證

步驟五：通過error接口處理失敗驗(yàn)證

三、JS-SDK使用權(quán)限簽名算法

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

微信公眾號(hào)網(wǎng)頁開發(fā)——語音輸入

一、移動(dòng)端網(wǎng)頁布局

二、調(diào)取微信接口的步驟

步驟一：綁定域名

步驟二：引入JS文件

步驟三：通過config接口注入權(quán)限驗(yàn)證配置

步驟四：通過ready接口處理成功驗(yàn)證

步驟五：通過error接口處理失敗驗(yàn)證

三、JS-SDK使用權(quán)限簽名算法

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av