【移动h5调用微信的分享和地图功能】

最新推荐文章于 2025-01-28 08:01:47 发布

Auaaa

最新推荐文章于 2025-01-28 08:01:47 发布

阅读量591

点赞数

文章标签：前端 javascript 微信

本文链接：https://blog.youkuaiyun.com/Auaaa/article/details/121774675

版权

该代码段展示了如何在移动H5中调用微信SDK，实现微信分享和地图导航功能。首先引入jweixin-module模块和封装的请求模块，然后通过接口获取wxConfigSdk配置信息。配置成功后，根据传入的siteInfo类型，分别调用getgoodsShare和getsiteInfo函数，实现商品分享和地图导航的微信接口调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动H5调用微信sdk

let jweixin = require('jweixin-module')//引入的
import request from '../../request/request';//封装的请求
import myRoute from '../../request/route';//封装的接口信息
function InnerObject(siteInfo) {
    console.log(myRoute.wxConfigSdk, request)
    // return
    request.post({
        url: myRoute.wxConfigSdk,
        data: {
            url: location.href.split('#')[0],
        },
        success: (res) => {
            console.log('sdk成功', res)
            jweixin.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: res.appId, // 必填，公众号的唯一标识
                timestamp: res.timestamp, // 必填，生成签名的时间戳
                nonceStr: res.nonceStr, // 必填，生成签名的随机串
                signature: res.signature, // 必填，签名
                jsApiList: ["onMenuShareAppMessage", "openLocation"] // 必填，需要使用的JS接口列表
            });
            // 成功
            jweixin.ready(res => {
                console.log('配置成功', res)
                // if(siteInfo.type==1){
                //     getgoodsShare(siteInfo)
                // }else{
                //     getsiteInfo(siteInfo)
                // }
                switch (siteInfo.type) {
                    case 1:
                        getgoodsShare(siteInfo)
                        break;
                    case 2:
                        getsiteInfo(siteInfo)
                        break;
                    default:

                }

            })
            jweixin.error(err => {
                console.log('配置失败', err)
            })
        },
        fail: (err) => {
            console.log('sdk失败', err)
        }
    })
    console.log('进入了jws.js文件')
}
// 微信分享自定义内容
function getgoodsShare(goodsVal) {
    jweixin.onMenuShareAppMessage({
        title: goodsVal.title, // 分享标题
        desc: goodsVal.subtitle, // 分享描述
        link: goodsVal.link, // 分享链接
        imgUrl: goodsVal.imgUrl, // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function (res) {

        }
    })
}
//微信地图调用导航
function getsiteInfo(siteVal) {
    jweixin.openLocation({
        latitude: siteVal.lat, // 纬度，浮点数，范围为90 ~ -90
        longitude: siteVal.lng, // 经度，浮点数，范围为180 ~ -180。
        name: siteVal.name, // 位置名
        scale: 10, // 地图缩放级别,整形值,范围从1~28。默认为最大
    })

}
export default {
    InnerObject,
}

加油！