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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/534084.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

matlab 三维 作图 坐标轴_MATLAB学习——MATLAB中的三维绘图指令

2 基本XYZ立体绘图命令mesh和plot是三度空间立体绘图的基本命令,mesh可画出立体网状图,plot则可画出立体曲面图,两者产生的图形都会依高度而有不同颜色。下列命令可画出由函数形成的立体网状图: xlinspace(-2, 2, 25); % 在x轴上取25点 ylins…

说说python程序的执行过程_表示说的词语

展开全部1、奉劝 [ fng qun ] 释义:敬辞。郑重劝说62616964757a686964616fe58685e5aeb931333365653331。 造句:我们厌恶那些阴险的恶人,奉劝他们改恶为善,才能得到社会的原谅! 2、劝告 [ qun go ] 释义:拿道…

HTML4基本编译原理,Stanford公开课《编译原理》学习笔记(1~4课)

课程里涉及到的内容讲的还是很清楚的,但个别地方有点脱节,任何看不懂卡住的地方,请自行查阅经典著作《Compilers——priciples, Techniques and Tools》(也就是大名鼎鼎的龙书)的对应章节。一. 编译的基本流程完整的编译的5个基本步骤包括lex…

rocketmq 消息指定_SpringBoot 整合 RocketMQ 如何实现消息生产消费?

有时候我们在使用消息队列的时候,往往需要能够保证消息的顺序消费,而RocketMQ是可以支持消息的顺序消费的。RocketMQ在发送消息的时候,是将消息发送到不同的队列中,然后消费端从多个队列中读取消息进行消费,很明显&…

mysql怎么看实例名_南方“中看不中吃”的前4名水果,莲雾只是垫底,你怎么看?...

水果很多人都喜欢吃,南方人可以说是最幸福的,因为南方的水果种类有很多种,而且水果的价格也很便宜,一年四季都能吃到便宜又好吃的水果,南方的很多水果,北方人可能都没有吃过,虽然南方的水果种类…

html页面怎么加向下滚动,如何使用jQuery向上或向下滚动页面到锚点?

如何使用jQuery向上或向下滚动页面到锚点?我正在寻找一种方法来包含幻灯片效果,当您单击页面上或下的本地锚点链接时。我想要一个你有这样一个链接的东西:link text, img etc.也许添加了一个类,所以你知道你希望这个链接是一个滑动…

vuex中的值变化 页面重新渲染_浅谈浏览器的渲染过程,重绘与回流

浏览器的渲染过程 首先,我们先来了解一下浏览器的渲染过程是什么样的,也就是说浏览器把一堆代码呈现到页面上的过程是什么样子的,浏览器采用流式布局模型(Flow Bsaed Layout),根据下图,我们可以总结出浏览器的渲染步骤…

vc 将已有项目打包成dll 并应用于其他项目_.NET混淆器 Dotfuscator使用教程:保护你的应用之存档报告文件...

Dotfuscator是一款.NET混淆器和压缩器,防止你的应用程序被反编译。本篇文章将继续上一篇文章与大家分享保护应用程序的后续三个部分:存档报告文件、加强保护和替代方法。存档报告文件作为构建的一部分,Dotfuscator会生成报告文件(在Dotfuscat…

html文件内容搜索,html读出文本文件内容

html读出文本文件内容更新时间:2007年01月22日 00:00:00 作者:Function bytes2BSTR(vIn)strReturn ""For i 1 To LenB(vIn)ThisCharCode AscB(MidB(vIn,i,1))If ThisCharCode strReturn strReturn & Chr(ThisCharCode)ElseNextCharC…

python 定义变量_python-003-变量

1.变量的定义python中,在程序运行时,可以随着程序的运行更改的量成为变量.简单理解: 变量就是用来临时存储数据的容器.可以认为好比是 逛超市 买面条 使用购物车 装面条变量 -> 购物车数据 -> 面条2.变量的使用# 第一次输入一个10 num1 10 # 第二次输入一个20 num2 20 …

苹果11是高通基带吗_最强对抗!小米11对抗三星、苹果华为等最高旗舰|喜欢小米吗?...

哈喽,您好!我是原呵呵,点点关注吧,更多精彩内容等着您小米很快就会展示了2021年的手机,该公司通常会在2月份推出该季节的首个旗舰,但新的小米米11已向前推进了几个月,并成为了首个采用骁龙888处…

html 图片墙效果,基于html5实现的图片墙效果

温馨提示:本信息由【金聪采编】搜集整理发布,版权归原作者及发布者所有,您如有异议请 举报 或者 版权申诉。本文实例讲述了基于html5实现的图片墙效果,分享给大家供大家参考。具体实现方法如下:这里有一组数据需要用图…

python split函数 空格_python上手--10行代码读懂红楼梦

取名10行代码看懂红楼梦,是将介绍使用python代码来读红楼梦获取其主要人物。这里的思想就是词频统计,通过分析红楼梦小说文字中出现最多的词语,来概括说明红楼梦的核心人物和事情。实际上如果你能跟着往下看,就开始进入了自然语言…

计算机主机温度,计算机的理想工作温度和湿度分别是多少

电脑理想的工作温度在10~35度,相对湿度为30%~80%。说明一点:这个温湿度是没有严格界定的。日常可以这样理解:只要人待在那里感觉舒服,电脑也会觉得合适的。电脑对电源也有要求&#…

k8s 安装nfs_K8s--06 K8s数据持久化

K8s数据持久化数据持久化 Volume介绍Volume介绍:Volume是Pad中能够被多个容器访问的共享目录Kubernetes中的Volume不Pad生命周期相同,但不容器的生命周期丌相关Kubernetes支持多种类型的Volume,并且一个Pod可以同时使用任意多个VolumeVolume类…

matlab为自定义后缀文件设置图标_【V3.0更新】| 这可能是全网最好用的文件管理神器了......

?点击关注Excel表哥公众号使用Excel制作自带超链接的文件目录索引确实可以很好地帮忙大家管理电脑里的文件。在此分享几个各行各业朋友们的使用截图:▲一个硬件工程师朋友的使用截图▲一个医院工作人员的数据统计文件管理▲学生朋友用来管理论文文献▲VBA编程爱好者…

html dom透明度,HTML DOM Style overflow 属性

Style overflow 属性Style 对象定义和用法overflow 属性设置或返回如何处理呈现在元素框外面的内容。语法设置 overflow 属性:Object.style.overflow"visible|hidden|scroll|auto|inherit"返回 overflow 属性:Object.style.overflow值描述visi…

#中队列的数据结构_数据结构与算法拓展(一)

栈与队列申明:由于篇幅限制,文章可能有些简略,如果大家想要详细了解,请一定要百度一下,并阅读例题,完成习题绪言:计算机科学在过去的数十年内发展飞速,各种新颖的技术纷至沓来&#…

display属性_Numpy知识点(1)讲解实操安装/属性/数组创建/运算

# 1、安装包# pip install numpy #原生python安装# conda install numpy #Anaconda的安装# 使用Numpyimport numpy as np a np.arange(15) #生成0-14的一维数组display(a)display( )和print( )都是打印,在大多数编程软件上都使用print,jupyter notebook中我们可以使用d…

计算机英语短文互译,中英文互译的英语短文

在英语学习中,阅读能力是学习者发展其它语言能力(听、说、写、译)的基础。阅读能力的高低,不仅决定了学习者获取知识和信息的水平,而且在一定程度上也反映出学习者综合运用英语的能力。小编精心收集了中英文互译的英语短文,供大家欣赏学习!中英文互译的英语短文&…