h5微信本地调试 vue_vueh5中使用微信sdk

微信官方sdk教程

安装vue 微信sdk 使用NPM安装，不会的百度学npm install jweixin-module --save

创建一个wxsdk.js 文件// 引入微信sdk

var jweixin = require('jweixin-module');

export default {

//判断是否在微信中

isWechat: function() {

var ua = window.navigator.userAgent.toLowerCase();

if (ua.match(/micromessenger/i) == 'micromessenger') {

return true;

} else {

return false;

}

//初始化sdk配置

initJssdk: function(callback, url) {

// 签名信息建议 post 请求服务端获取签名信息

// 微信sdk的

jweixin.config({

debug: false,

appId: "APPID",

timestamp: "timestamp",

nonceStr: "nonceStr",

signature: "signature",

jsApiList: [

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage'

]

});

//在需要自定义分享的页面中调用

share: function(data, url) {

url = url ? url : window.location.href;

if (!this.isWechat()) {

return;

}

//每次都需要重新初始化配置，才可以进行分享

this.initJssdk(function(signData) {

jweixin.ready(function() {

var shareData = {

title: data && data.title ? data.title : signData.site_name,

desc: data && data.desc ? data.desc : signData.site_description,

link: url,

imgUrl: data && data.img ? data.img : signData.site_logo,

success: function(res) {

//用户点击分享后的回调，这里可以进行统计，例如分享送金币之类的

cancel: function(res) {}

};

//分享给朋友接口

jweixin.onMenuShareAppMessage(shareData);

//分享到朋友圈接口

jweixin.onMenuShareTimeline(shareData);

});

}, url);

}

使用SDK教程import wechat from './common/wxsdk'

wechat .share({

desc: article.title,

img: article.image

});

如果是UNI 记得条件判断下是否H5

h5微信本地调试 vue_vueh5中使用微信sdk相关推荐

h5微信本地调试 vue_Vue 移动端微信内H5调起支付（利用js sdk）
前端的写法 1.封装wxPay.js import wx from 'weixin-js-sdk' //先下载后引入 export function wexinPay(data) { return n ...
h5微信本地调试 vue_Vue开发Html5微信公众号的步骤
一.调起微信支付在微信浏览器里面打开H5网页中执行JS调起支付,WeixinJSBridge内置对象在其他浏览器中无效. (1)大致流程: (2)调用代码示例: mounted(){ if (typ ...
h5微信本地调试 vue_vue微信授权解决方案[如何本地实现授权]
之前是自己太年轻,写什么[最终解决方案].这一次的项目vue移动端电商项目,做了很多的优化.大家都知道授权需要每次都要发布到线上,本地的需要代理,这让我们很头疼.后面会介绍一个本地直接授权的方式,真的 ...
h5微信本地调试 vue_VUE开发微信H5页面总结
写在前面刚入门前端的时候写过很多的微信H5页面,时隔多年感觉应该是手到擒来,不曾想竟很是费了一些功夫.现在把本次开发过程中遇到的问题以及我是如何解决的,做个记录.防止自己以后再去解决解决过的问题. ...
h5微信本地调试 vue_UniApp本地调试H5（谷歌chrome浏览器）跨域问题的解决方法，亲测可用...
UniApp本地调试H5跨域(谷歌chrome浏览器,UniApp内置浏览器不存在此问题)的推荐方案:欺骗浏览器,让浏览器觉得你没有跨域(其实还是跨域了,用的是代理) 客户器端解决方案(亲测可用): ...
微信公众号开发C#系列-3、搭建微信本地调试环境-借助花生壳实现内网穿透
本文目录概述准备工作本地IIS映射配置 VS调试微信应用参考文章概述通过前两篇文章的学习, 我们已经对微信的开发有了一个全新的认识,知道了整个开发的流程.由于微信开发所需要的中间服务器必须 ...
微信公众号开发-搭建微信本地调试环境借助蜻蜓映射实现内网穿透
微信公众号开发过程中,为了方便调试,经常需要将本地部署的接口让外网能直接调用到,这里我们使用内网穿透工具"蜻蜓映射"(还有其他同类型的工具如: frp,Ngrok)来将本地接口映射 ...
php微信支付jsapi,ThinkPHP中实现微信支付(jsapi支付)流程
之前写过一篇文章讲了 PHP实现微信支付(jsapi支付)流程 ,详见文章:PHP实现微信支付(jsapi支付)流程. 当时的环境是没有使用框架的,直接在一个域名指向的目录下边新建目录之后访问该目录实 ...
在微信电商生态中，微信小商店处于什么位置？
微信小商店能否动摇电商行业的格局? 与前身微信小店相比,微信官方对于新推出的微信小商店小程序充满了期待. 在微信不断完善的电商生态中,微信小商店又处于哪个位置?它所面向的用户群体又有哪些? 01拥有社 ...

h5微信本地调试 vue_vueh5中使用微信sdk

h5微信本地调试 vue_vueh5中使用微信sdk相关推荐

最新文章

热门文章