編碼的世界 / 優質文選 / 文明

微信網頁jssdk使用

2022年7月27日
-

jssdk用途
如自定義分享標題，網頁調起相機等
使用代碼

<?php
include '../wxz.php';
$wx = new Wxz();
$config = $wx->signature();
?>




<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>用戶分享-拼一把</title>
 <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 <script>
 // 配置
 wx.config({
 debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
 appId: '<?php echo $config['appid']?>', // 必填，公眾號的唯一標識
 timestamp: '<?php echo $config['time']?>', // 必填，生成簽名的時間戳
 nonceStr: '<?php echo $config['nocestr']?>', // 必填，生成簽名的隨機串
 signature: '<?php echo $config['signature']?>',// 必填，簽名
 jsApiList: [
 'updateTimelineShareData',
 'updateAppMessageShareData',
 'chooseImage'
 ] // 必填，需要使用的JS接口列表 權限
 });
 // 驗證成功後處理動作
 wx.ready(function () { //需在用戶可能點擊分享按鈕前就先調用
 wx.updateTimelineShareData({
 title: '用戶分享-拼一把', // 分享標題
 link: '分享鏈接', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
 imgUrl: 'http://3d47ut.natappfree.cc/qrcode.jpg', // 分享圖標
 success: function () {
 alert('分享成功');
 }
 })
 wx.updateAppMessageShareData({
 title: '用戶分享-拼一把', // 分享標題
 desc: '描述', // 分享描述
 link: '<?php echo $config['url']?>', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
 imgUrl: 'http://3d47ut.natappfree.cc/qrcode.jpg', // 分享圖標




 success: function () {
 // 設置成功
 }
 })
 wx.chooseImage({
 count: 1, // 默認9
 sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
 sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
 success: function (res) {
 var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標簽的src屬性顯示圖片
 }
 });
 });
 </script>
</head>
<body>
</body>
</html>

db.php 與 wxz.php 見
https://blog.csdn.net/weixin_42043407/article/details/116905422 https://blog.csdn.net/weixin_42043407/article/details/116905455

編碼的世界 / 優質文選 / 文明

微信網頁jssdk使用

熱門文章