具体请参考微信官方文档
jssdk使用文档
前期需要一系列的配置，请参照官方文档
前端使用步骤

   //使用jssdk
            useJssdk(){
              let href= window.location.href.split('#')[0]
                let that=this
                $.ajax({
                    url:'${base}/resources/common/js/getJsSDKConfig',
                    data:{url:href}
                }).then(res=>{
                    console.log(res)
                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: res.appId, // 必填，公众号的唯一标识
                        timestamp: res.timestamp, // 必填，生成签名的时间戳
                        nonceStr: res.nonceStr, // 必填，生成签名的随机串
                        signature: res.signature,// 必填，签名
                        jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表
                    });
                    wx.error(function (res) {
                        console.log('wxerr',res)
                    });
                    wx.ready(function(){
                        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                        wx.getLocation({
                            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                            success: function (ads) {
                                that.lat = ads.latitude; // 纬度
                                that.lng = ads.longitude; // 经度
                                that.getTradingInfo()（个人封装的获取信息代码）
                            },
                        });
                    });

                })
            },

注意：我遇到在浏览器中打印不出成功的返回值，具体是不是成功了可以alert出来，然后在微信开发者工工具中打开来看