VUE 프로젝트 위 챗 jssdk 도입

2306 단어 vue-jsvue
vue + webpack 의 SPA 프로젝트 는 위 챗 에서 사용 해 야 하기 때문에 위 챗 의 jssdk 라 이브 러 리 를 가 져 와 야 합 니 다.
검색 을 통 해 npm 에 위 챗 jssdk 의존 패키지 가 있 음: weixin - js - sdk, 그래서
  • 의존 패키지 가 져 오기
  • npm i -S weixin-js-sdk
  • 전단 페이지 Usage
  • import wx from 'weixin-js-sdk'
    
    export default {
        created(){
         let param = {
            debug:true,
            url:'http://localhost:8081/productgroups',
            jsApiList: [
              'chooseWXPay',
              'checkJsApi'
          ]};
          wechatlib.queryJsConfig(param,(err,obj)=>{
            if(err){
              return this.$toast(err);
            }
    
            console.log('jsconfig ',obj);
    
            wx.config(obj);
    
            wx.ready(()=>{
              console.log('wx.ready');
            });
    
            wx.error(function(res){
    
              console.log('wx err',res);
    
              //      
            });
          });
        }
    }

    wechatlib 에서 jsconfig 를 가 져 오 는 방법
    queryJsConfig(param,callback){
        networklib.post('/wechat/jsconfig',param).then(obj=>{
    
          callback(null,obj);
        })
            .catch(err=>{callback(err)});
      },
    

    여기 jsconfig 는 백 엔 드 서버 API 로 생 성 됩 니 다.
    TO BE CONTINUE

    좋은 웹페이지 즐겨찾기