如何將h5網頁改成微信網頁


1、如何將h5網頁改成微信網頁
1、設置安全域名
          先登錄微信公眾平台進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。
         備注:登錄后可在“開發者中心”查看對應的接口權限。
2、引用一個js文件 在微信開發者里面 js sdk里面
      <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>先登錄微信公眾平台進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。

備注:登錄后可在“開發者中心”查看對應的接口權限。
3、要去寫一個配置
      wx.config({
            debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
            appId: '', // 必填,公眾號的唯一標識 公眾號開發者id
            timestamp: (new Date().getTime())/1000), // 必填,生成簽名的時間戳 秒 js中是毫秒 需要除以1000取前面的整數
            nonceStr: '', // 必填,生成簽名的隨機串 asgdf
            signature: '',// 必填,簽名
            jsApiList: ["onMenuShareTimeline",
            "onMenuShareAppMessage",
            "onMenuShareQQ",
            "onMenuShareWeibo",
            "onMenuShareQZone","getLocation"......
            openCard] // 必填,需要使用的JS接口列表
      });

備注 如何獲取 signature
      1、在http://mp.weixin.qq.com/debug里面的調試工具可以用appid和secret 換取accesstoken
get請求
      請求地址 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=xxxxxxxx&secret=xxxxx
2、用accesstoken 換取signature
      http://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=你的token&type=jsapi
      拿到signature

4、調用
<div id="info">選擇一張圖片</div>
<div onClick="getImg()">選擇一張圖片</div>
<script>
      function getImg(){
            wx.ready(function(){
            wx.chooseImage({
            count: 1, // 默認9
            sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有
            sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有
            success: function (res) {
                  var localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標簽的src屬性顯示圖片
                  //調試這樣,因為手機沒有console 只能這樣顯示然后調試錯誤
                  var t=document.getElementById("Info");
                  t.innerHTML=res.localIds
             }
            });
            });
      }

</script>


微信sdk幫助文檔
http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

 

 

微信config  和釘釘接入不盡相同,都是需要獲取accesstoken然后拿到后台去鑒權,然后認證通過進入


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM