首页 > 微信js sdk动态引用

微信js sdk动态引用

一般情况下,微信的js-sdk只需要直接引用script即可

但是有的时候,当我们的网页访问的环境多样的时候,比如APP内部,手机浏览器时候,并不需要引用这个js

甚至都不需要初始化微信js-sdk的环境:例如签名等操作

那么首先得区分一下当前的网页环境是否是微信浏览器,如下:

  /*** 是否是微信浏览器内*/IsWeiXinBrowser() {var ua = navigator.userAgent.toLowerCase();var isWeixin = ua.indexOf("micromessenger") != -1;if (isWeixin) {return true;} else {return false;}}

然后,再加载微信的js-sdk

 if (this.IsWeiXinBrowser) {var script = document.createElement("script");script.type = "text/javascript";script.src = "https://res.wx.qq.com/open/js/jweixin-1.2.0.js";document.getElementsByTagName("head")[0].appendChild(script);script.onload = () => {// 需要初始化sdk环境,等等...
      };}

onload函数里面通常就是获取签名和初始化wx

            let wxConfig = {debug: false,appId: config.appId,timestamp: config.timestamp,nonceStr: config.nonceStr,signature: config.signature,jsApiList: ["checkJsApi","onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo"]};wx.config(wxConfig);

这里贴一段初始化分享功能的代码,其他功能请参考sdk文档,config对象需要后端支持返回签名结果。

以上只是部分代码,仅供参考!

转载于:https://www.cnblogs.com/stealth7/p/9566103.html

更多相关:

  • //方法1----------------------------------------document.write("");//方法2----------------------------------------/** 动态加载JS @para...

  • 项目结构 css/angular-common.css table tr td:first-child {/**背景图片*/width: 200px;height: 100px;/**居中填满*/background-repeat: no-repeat;background-position: center;background-s...

  •   项目结构   news.html(新闻列表文件)

    xBIM 实战01 在浏览器中加载IFC模型文件

    系列目录    【已更新最新开发文章,点击查看详细】  一、创建Web项目   打开VS,新建Web项目,选择 .NET Framework 4.5  选择一个空的项目 新建完成后,项目结构如下: 二、添加webServer访问文件类型   由于WexXplorer 加载的是 .wexBIM格式的文件或者文件流,所以需要在W...

  • 导读:微信是我们生活中必不可少的聊天工具,但是人们在日常生活中经常会有工作微信和生活微信分开的情况,目前很多安卓机支持一键双开,但是电脑端却锁定只允许打开一个;本文将重点介绍Win 10实现微信多开的几种方法,希望给大家带来帮助。文/黑七方法一:同一电脑多客户端登录此类方案最安全,适用于win10系统。1、安装微信客户端一大多电脑已经...

  •   依次排查: 1、menifest.json中配置了微信的appid是不是微信开放平台(微信开放平台)对应的APP id,包名是否和微信开放平台对应APP的包名一致(com.******.app) 2、服务端请求prepareid是否正确返回 3、服务端返回数据格式与官方是否一致(还有你的付款金额不能低于0.01元也就是不能...

  • 以前我开过一些帖子,我们内部也做过一些讨论,我们从张小龙的碎屏图中   ,发现了重要讯息: 1:微信支付将成为重要场景; 2:这些应用与春节关系不小,很多应用在春节时,有重要的场景开启可能性; 3:春节是一个重要的推广时机,非常适合推广,微信应该不会错过这个时机; 4:春节前需要做好准备,那么预留一定的天数是必要的,10-15天是...

  •   据证券时报消息,腾讯携手康佳推微信电视,具有微信传屏、微信弹幕、微信遥控等基于腾讯微信平台的电视功能。想了吧?别急,11月5日,微信互联电视将在康佳全国终端门店全部上线。微信电视2.0版将新增语音搜索、节目单分享推荐自定义等  微信传屏功能在哪里找? 昨日,康佳集团在深圳总部展厅举行了“易TV微信互联电视品鉴会”,并宣布易...

  • 微信公众平台开发 微信公众平台开发模式 企业微信公众平台 微信一站到底 在线答题 在线做题 作者:方倍工作室 原文: http://www.cnblogs.com/txw1958/archive/2013/06/11/wechat38-online_answer.html 微信一站到底 在线答题 在线做题 方倍工作室 一站到底题库...

  • java 中 bean 的生命周期 本篇中会对涉及到的知识点皆做出描述: 首先,我们先了解先虚拟机的类加载机制:  虚拟机把描述类的数据从Class 文件中加载到内存,并对数据进行校验、转换解析和初始化,最终形成可以被虚拟机直接使用的 java 类型,这便是虚拟机的类加载机制。 也就是说,一个文本.java 文件要运行起来...