详解微信小程序开发—你期待的分享功能来了,微信小程序序新增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 相关文章推荐
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
Aug 07 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
JavaScript电子时钟倒计时
Jan 09 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
Nov 30 Javascript
js实现前端分页页码管理
Jan 06 Javascript
使用grunt合并压缩js和css文件的方法
Mar 02 Javascript
vue项目中api接口管理总结
Apr 20 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
php中取得URL的根域名的代码
2011/03/23 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
srcElement表格样式
2006/09/03 Javascript
在Z-Blog中运行代码[html][/html](纯JS版)
2007/03/25 Javascript
很可爱的输入框
2008/08/03 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
jQuery选择器之层次选择器用法实例分析
2019/02/19 jQuery
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
Python的UTC时间转换讲解
2019/02/26 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
python利用opencv保存、播放视频
2020/11/02 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
香港交友网站:be2香港
2018/07/22 全球购物
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
DeinDesign德国:设计自己的手机壳
2019/12/14 全球购物
医院检讨书范文
2014/02/01 职场文书
社区食品安全实施方案
2014/03/28 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python