微信网页jssdk使用

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

猜你喜欢

转载自blog.csdn.net/weixin_42043407/article/details/116905660
今日推荐