亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄
1.準(zhǔn)備工作
2.引入js
 3.通過config接口注入權(quán)限驗(yàn)證配置
4.通過ready接口處理成功驗(yàn)證
5.通過error接口處理失敗驗(yàn)證
js代碼
二、QQ分享 
首頁 微信小程序 微信開發(fā) 微信公眾號里“JS接口域名”實(shí)現(xiàn)分享功能

微信公眾號里“JS接口域名”實(shí)現(xiàn)分享功能

Aug 08, 2018 am 09:28 AM

1.準(zhǔn)備工作

? APPID公眾號id、申請好友分享接口、ip白名單、js接口安全域名設(shè)置(必須是通過備案)。要先登錄微信公眾平臺進(jìn)入“公眾號設(shè)置”的功能設(shè)置里填寫“JS接口域名”

2.引入js

注意:支持使用AMD/CMD標(biāo)準(zhǔn)加載方法

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

3.通過config接口注入權(quán)限驗(yàn)證配置

所有需要使用JS-SDK的頁面必須先注入配置信息,否則將無法調(diào)用(同一個(gè)url僅需要調(diào)用一次,對于變化url的SPA的web app可在每次url變化時(shí)進(jìn)行調(diào)用,目前Android微信客戶端不支持pushShate的H5新特性,所以使用pushState來實(shí)現(xiàn)web app的頁面會導(dǎo)致簽名失敗,此問題在Android6.2修復(fù))

wx.config({
  debug: true,         //開啟調(diào)試模式,調(diào)用所有的api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在PC端打印出來
  appId: &#39;&#39;,           //必填,公賬號的唯一標(biāo)識
  timestamp: &#39;&#39;,       //必填,生成簽名的時(shí)間戳
  nonceStr: &#39;&#39;,        //必填,生成簽名的隨機(jī)串
  signature: &#39;&#39;,       //必填,簽名
  jsApiList: [         //必填,需要使用js列表,否則無法分享成功
    &#39;onMenuShareTimeline&#39;,     //朋友圈
    &#39;onMenuShareAppMessage&#39;,   //朋友
    &#39;onMenuShareQQ&#39;,           //QQ
    &#39;onMenuShareWeibo&#39;,       //QQ空間
  ]
})

4.通過ready接口處理成功驗(yàn)證

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

5.通過error接口處理失敗驗(yàn)證

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

js代碼

var data = {
  title: &#39;&#39;,
  summary: &#39;&#39;,
  pic: &#39;&#39;,
  url: &#39;&#39;,
  success: function(){
    getWeixin() ;//用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
  },
  cancel: function(){
    //用戶取消分享后執(zhí)行的回調(diào)函數(shù)
  }
}

wx.config({
  swapTitleInWX: true,
  appId: "<?php echo $weixin_package[&#39;appid&#39;];?>",
  timestamp: "<?php echo $weixin_package[&#39;timestamp&#39;];?>",
  nonceStr: "<?php echo $weixin_package[&#39;noncestr&#39;];?>",
  signature: "<?php echo $weixin_package[&#39;signature&#39;];?>",
  jsApiList: [
    &#39;onMenuShareTimeline&#39;,
    &#39;onMenuShareAppMessage&#39;,
    &#39;onMenuShareQQ&#39;,
    &#39;onMenuShareWeibo&#39;,
   ]
})

wx.ready(function () {
  wx.onMenuShareTimeline(data);
  wx.onMenuShareAppMessage(data);
  wx.onMenuShareQQ(data)
  wx.onMenuShareWeibo(data)
})

注意點(diǎn):

  1. title,建議在14個(gè)字以內(nèi)

  2. 圖片尺寸: 300*300像素;圖片格式:大小不超過10kB,不支持GIF格式;會取當(dāng)前頁面body內(nèi)最前面的一張符合條件的圖片

  3. 對標(biāo)題簡要解讀,建議20字以內(nèi)

  4. link:'', //分享鏈接,改鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公賬號JS安全域名一致

二、QQ分享

QQ是通過head里面的標(biāo)簽來識別分享的圖標(biāo)和標(biāo)題,涉及到h5微數(shù)據(jù)的一個(gè)屬性itemprop,

<meta itemprop="name" content="標(biāo)題"/>
<meta itemprop="description" name="description" content="描述"/>
<meta itemprop="image" content="縮列圖地址"/>

相關(guān)推薦:

微信公眾號自定義分享內(nèi)容實(shí)現(xiàn)

微信公眾號授權(quán)設(shè)置,微信公眾授權(quán)?

以上是微信公眾號里“JS接口域名”實(shí)現(xiàn)分享功能的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機(jī)

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強(qiáng)大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

熱門話題

Laravel 教程
1597
29
PHP教程
1488
72