国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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

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

Aug 08, 2018 am 09:28 AM

1.準(zhǔn)備工作

? APPID公眾號(hào)id、申請(qǐng)好友分享接口、ip白名單、js接口安全域名設(shè)置(必須是通過備案)。要先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(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)用一次,對(duì)于變化url的SPA的web app可在每次url變化時(shí)進(jìn)行調(diào)用,目前Android微信客戶端不支持pushShate的H5新特性,所以使用pushState來實(shí)現(xiàn)web app的頁面會(huì)導(dǎo)致簽名失敗,此問題在Android6.2修復(fù))

wx.config({
  debug: true,         //開啟調(diào)試模式,調(diào)用所有的api的返回值會(huì)在客戶端alert出來,若要查看傳入的參數(shù),可以在PC端打印出來
  appId: &#39;&#39;,           //必填,公賬號(hào)的唯一標(biāo)識(shí)
  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)證后會(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ù)中
});

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

wx.error({
  //config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù),如簽名過期導(dǎo)致驗(yàn)證失敗,具體錯(cuò)誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看,對(duì)于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格式;會(huì)取當(dāng)前頁面body內(nèi)最前面的一張符合條件的圖片

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

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

二、QQ分享

QQ是通過head里面的標(biāo)簽來識(shí)別分享的圖標(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)推薦:

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

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

以上是微信公眾號(hào)里“JS接口域名”實(shí)現(xiàn)分享功能的詳細(xì)內(nèi)容。更多信息請(qǐng)關(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)容,請(qǐng)聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

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

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動(dòng)的應(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版

神級(jí)代碼編輯軟件(SublimeText3)

熱門話題

Laravel 教程
1600
29
PHP教程
1502
276