微信分享調(diào)用jssdk實(shí)例
網(wǎng)頁(yè)在微信中打開,進(jìn)行分享,詳細(xì)過程
1、問題說明
搞了半天,終于搞定。說下基本需求,很簡(jiǎn)單,網(wǎng)頁(yè)在微信中打開,分享。
網(wǎng)頁(yè)是html格式,原來分享時(shí)會(huì)一直顯示鏈接,看了下代碼中沒有調(diào)用jssdk,調(diào)用的是一個(gè)第三方的平臺(tái)的分享接口。
2、問題解析
根據(jù)微信官方給出的demo,可以看到核心就是獲取四個(gè)參數(shù),配置wx.config。
四個(gè)參數(shù)分別是appId、timestamp、nonceStr、signature
appId不用說,后面三個(gè)都是根據(jù)微信的接口得到的,有興趣的可以看下官方,不過也可以不管。
3、解析思路
接下來,說下我的思路,在js中通過ajax調(diào)用jssdk部署的接口,返回上述所需參數(shù)。
我測(cè)了PHP,寫了一個(gè)myapi.php接口,很簡(jiǎn)單:
<?php
require_once "jssdk.php";
$jssdk = new JSSDK("你的appId", "你的appSecret");
$signPackage = $jssdk->GetSignPackage();
$data = array(
'appId' => $signPackage["appId"],
'timestamp' => $signPackage["timestamp"],
'nonceStr' => $signPackage["nonceStr"],
'signature' => $signPackage["signature"]);
echo json_encode($data);
前端頁(yè)面
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
$(function(){
$.ajax({
type: "GET",
url: "./myapi.php",
data: "",
success: function(data){
var result = JSON.parse(data);
if (result != null) {
wx.config({
debug: false,
appId: result.appId,
timestamp: result.timestamp,
nonceStr: result.nonceStr,
signature: result.signature,
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
});
}
},
error: function(){
}
});
});
window.sharedata = {
title: '標(biāo)題',
desc: '描述',
link: window.location.href,
imgUrl: 'https://gqrcode.alicdn.com/img?type=cs&shop_id=295323332&seller_id=1094878600&w=140&h=140&el=q&v=1',
success: function () {
alert('success');
},
cancel: function () {
alert('cancel');
}
};
wx.ready(function () {
wx.onMenuShareAppMessage(sharedata);
wx.onMenuShareTimeline(sharedata);
});
</script>
4、知識(shí)點(diǎn)
1、微信分享jssdk的使用
2、html調(diào)用ajax
3、解決微信分享為何出現(xiàn)鏈接的問題
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 解析微信JS-SDK配置授權(quán),實(shí)現(xiàn)分享接口
- 微信JS-SDK自定義分享功能實(shí)例詳解【分享給朋友/分享到朋友圈】
- 關(guān)于微信jssdk實(shí)現(xiàn)多圖片上傳的一點(diǎn)心得分享
- 微信js-sdk+JAVA實(shí)現(xiàn)“分享到朋友圈”和“發(fā)送給朋友”功能詳解
- 淺談微信JS-SDK 微信分享接口開發(fā)(介紹版)
- 微信js-sdk分享功能接口常用邏輯封裝示例
- thinkPHP微信分享接口JSSDK用法實(shí)例
- 微信JS-SDK分享功能的.Net實(shí)現(xiàn)代碼
- 微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解
- 微信JSSDK分享功能圖文實(shí)例詳解
相關(guān)文章
js純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s純數(shù)字逐一停止顯示效果的實(shí)現(xiàn)代碼。小編覺得非常不錯(cuò)?,F(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
JavaScript實(shí)現(xiàn)的in_array函數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的in_array函數(shù),用于判斷一個(gè)值是否在數(shù)組中,類似PHP的in_array函數(shù),需要的朋友可以參考下2014-08-08
前端實(shí)現(xiàn)Word在線預(yù)覽功能詳解
這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)Word在線預(yù)覽功能的相關(guān)資料,工作中經(jīng)常有時(shí)會(huì)遇到需要給用戶創(chuàng)建word文檔并實(shí)現(xiàn)word文檔在線預(yù)覽的需求,需要的朋友可以參考下2023-09-09
JavaScript中的閉包(Closure)詳細(xì)介紹
這篇文章主要介紹了JavaScript中的閉包(Closure)詳細(xì)介紹,函數(shù)調(diào)用對(duì)象與變量的作用域鏈、什么是閉包等內(nèi)容,并給出了實(shí)例,需要的朋友可以參考下2014-12-12
微信小程序?qū)崿F(xiàn)之手勢(shì)鎖功能實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)之手勢(shì)鎖功能的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07

