一、背景

在移动端业务开发的中,很多时候会进行h5页面的分享操作,但是原生的微信分享效果并不能满足我们业务的需求,如下图:

企业微信二维码转成名片

我们可以看的原生的分享描述是一个页面链接,分享图标也是原生的一个分享图标,这并不是我们实际业务需要的效果。我们真正想要的效果是,分享标题可以自定义、分享内容可以自定义、分享图标可以自定义。

如何实现分享信息自定义?不要离开,继续往下看。

企业微信二维码转成名片

二、微信JS-SDK使用步骤

自定义分享信息,我们需要借助微信JS-SDK进行开发。微信JS-SDK接入步骤如下:

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限。

企业微信二维码转成名片

1、打开微信公众平台,输入账号密码,登录后台。

2、找到【公众号设置】并点击。

3、点击【功能设置】。

4、找到【JS接口安全域名】,点击旁边的【设置】。

5、点击下载这个文件,然后上传到服务器。如果在修改业务域名的时候已经上传过这个文件了,就跳过这步操作。

6、在下面,输入要修改的域名,点击【保存】即可。

步骤二:引入JS文件

在需要调用JS接口的页面引入如下JS文件。

如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:

步骤三:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。

企业微信二维码转成名片

wx.config({debug:true,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId:’’,// 必填,公众号的唯一标识timestamp: ,// 必填,生成签名的时间戳nonceStr:’’,// 必填,生成签名的随机串signature:’’,// 必填,签名jsApiList: []// 必填,需要使用的JS接口列表});

步骤四:通过ready接口处理成功验证

wx.ready(function(){// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。});

步骤五:通过error接口处理失败验证

wx.error(function(res){// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。});

好了,教到这里,你们就可以去编写代码了,通过代码来自定义分信息。
觉得实用可以收藏一下~

企业微信二维码转成名片相关推荐

  1. 微信分享朋友圈链接怎么显示图片-企业微信二维码转成名片

    一.背景 在移动端业务开发的中,很多时候会进行h5页面的分享操作,但是原生的微信分享效果并不能满足我们业务的需求,如下图: 企业微信二维码转成名片 我们可以看的原生的分享描述是一个页面链接,分享图标也 ...

  2. uniapp小程序中长按识别公众号二维码,企业微信二维码,个人微信二维码

    长按识别公众号二维码,企业微信二维码,个人微信二维码 效果图 通过给image标签添加show-menu-by-longpress="true"属性,实现长按识别功能 注意:二维码 ...

  3. 小程序识别企业微信二维码功能

    实现思路 长按识别第一时间想到了wx.previewImage(Object object, boolean showmenu) 在新页面中全屏预览图片.预览的过程中用户可以进行保存图片.发送给朋友等 ...

  4. 微信二维码转换成链接

    微信二维码转换成链接 我们很多人都在想,怎样才能把二维码转换成网址链接,然后点击网址链接就直接进入二维码呢?下面就是转换成链接的方法之一: 微信转链接 步骤一: 打开https://cli.im/de ...

  5. 小程序获取企业微信二维码,使用联系我插件配置企业微信二维码

    通过配置获取企业微信二维码总共分为五步: 第一步:登录企业微信管理后台,查询企业微信的企业ID(corpid)和Secret(corpsecret); 第二步:获取access_token: 第三步: ...

  6. 如何将微信二维码转换成链接

    第一步:https://cli.im/tools 上传你的微信二维码,生成链接 第二步:http://qr.topscan.com/api.php?text=拼接你上一步生成的链接地址 然后复制到第三 ...

  7. 96微信编辑器如何将样式中的二维码替换成自己的?

    现在我们编辑公众号时候,都会在后面放上公众号的二维码,引导客户识别关注.96微信编辑器上也有这样的功能,可以放很多个性样式的二维码.但是怎么替换成自己的二维码呢?这里教给大家一些. 一.在微信公众平台 ...

  8. 如何解决微信二维码收款总被限封?

    二维彩虹二维码生成器有个多连接二维码功能,可以把实现多个收款二维码共同用一个二维码展示,可以在后台设置扫码次数,一个微信收款码扫购N次,自动换成另外一个收款码,然后以此类推,还可以循环回第一个收款码. ...

  9. 你的微信二维码是唯一的吗?【微信二维码的秘密】

    你的微信二维码是唯一的吗?[微信二维码的秘密] 原文:你的微信二维码是唯一的吗?[微信二维码的秘密] 最近听说有一老板被一科技公司业务员忽悠,说"您赶快来注册您唯一的二维码吧!否则,会被别人 ...

  10. 重磅!微信二维码引擎OpenCV开源!3行代码让你拥有微信扫码能力

    点击上方"CVer",选择加"星标"置顶 重磅干货,第一时间送达 本文转载自:OpenCV团队 2011年12月微信3.5版本正式上线"扫一扫&quo ...

最新文章

  1. LAMP的安装配置过程:
  2. [转]asp.net权限认证:HTTP基本认证(http basic)
  3. python打不开文件-python文件打不开如何解决
  4. 将本珊计算机组成原理,计算机组成原理,懂的老师帮忙解答下
  5. dp 与px互相转换
  6. Sharding-JDBC读写分离_MySql主从配置(2)_Sharding-Sphere,Sharding-JDBC分布式_分库分表工作笔记016
  7. Python3.x:生成器简介
  8. 第三篇:C++ 中的几种初始化
  9. 一条ssh命令实现端口转发,实现跨机器直接访问
  10. LitJson使用中的一些问题
  11. 知乎在港上市破发是必然:周源被“打脸”,增长极其依赖营销
  12. 费雪信息场增量建场实际实验
  13. mysql数据自增ID为2的解决办法
  14. 当年锥子的大爆炸,如今12个语言版本都可轻松搞定!
  15. 服务器被黑该如何查找入侵、攻击痕迹又该如何防御攻击呢?
  16. 开源顺顺表格excel电子表格控件免费下载
  17. 开放大学建筑构造计算机考试试题,精编最新国家开放大学电大《建筑构造》形考任务2试题及答案...
  18. keda.#P1097. 不要62
  19. 2016年终总结工作汇报PPT模板
  20. STM32F103中文参考手册(754页)

热门文章

  1. 虚拟服务器io,IO虚拟化:虚拟直接连接VMDc技术解析
  2. C语言连连看秒杀辅助
  3. WineQQ2012 最新下载
  4. Excel函数公式大全—IF家族函数
  5. 计算机快捷键屏幕保护是什么原因,电脑屏幕保护_电脑屏幕保护快捷键
  6. [转载]JFC vs. AFC
  7. android studio下载sdk的方法,Android Studio修改Android SDK路径的几种方法
  8. 打开QQ音乐检测不到声卡
  9. linux系统的日历如何改,linux下实现农历的日历
  10. 基于java的房屋出租管理系统