详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能


Posted in Javascript onDecember 23, 2016

微信小程序在12月21日发布了新版本的开发工具,并在官网公布新增分享、模板消息、客服消息、扫一扫、带参数二维码功能。

有了分享功能,相信会给很多创业者带来了无限的可能性!

下面就来看看这些新功能到底怎么用吧!

1、分享

可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群聊,并没有分享到朋友圈。一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口。

开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20161221

示例代码:

Page({

  onShareAppMessage: function () {

    return {

      title: '自定义分享标题',

      desc: '自定义分享描述',

      path: '/page/user?id=123'

    }

  }

})

详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能

如上图,在页面的右上角有三个小点,点击后如果添加了分享消息响应函数,就可以对页面进行分享了。

2、模板消息

商户可以将模板消息发送给接受过服务的用户,用户接受一次服务,七天内可以收到一条模板消息。

开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html?t=20161221

详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能

3、客服消息

用户可以在小程序内联系客服,支持文字和图片。商户可以在48小时内回复用户。

https://mp.weixin.qq.com/debug/wxadoc/dev/api/custommsg/receive.html?t=20161221

下面为添加客服按钮组件的代码:

<contact-button type="default-dark" size="20" session-from="weapp"></contact-button>

4、扫一扫

用户可以在小程序中使用扫一扫。

https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html?t=20161221

wx.scanCode({

  success: function(res){

    console.log(res);

  },

  fail: function() {

    // fail

  },

  complete: function() {

    // complete

  }

})

5、带参数的二维码

支持在开发者工具中生成带参数的二维码,用户扫码后,可以打开小程序的不同页面。

除此之外,微信还更新和修复了100个功能及bug。具体请参看官方开发文档。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javaScript - 如何引入js代码
Mar 09 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
详解vue 模版组件的三种用法
Jul 21 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
javascript实现手动点赞效果
Apr 09 Javascript
微信小程序云开发之使用云数据库
May 17 Javascript
js+audio实现音乐播放器
Sep 13 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 #Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 #Javascript
Bootstrap源码解读排版(1)
Dec 23 #Javascript
简单实现JS倒计时效果
Dec 23 #Javascript
Bootstrap源码解读下拉菜单(4)
Dec 23 #Javascript
jquery dataview数据视图插件使用方法
Dec 23 #Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 #Javascript
You might like
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
js 内存释放问题
2010/04/25 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
2013/11/25 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
Python 使用office365邮箱的示例
2020/10/29 Python
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
请说出几个常用的异常类
2013/01/08 面试题
医院护理人员的自我评价分享
2013/10/04 职场文书
日语求职信范文
2013/12/17 职场文书
村创先争优活动总结
2014/08/28 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
丧事答谢词
2015/01/05 职场文书
就业推荐表院系意见
2015/06/05 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电