详解微信小程序开发—你期待的分享功能来了,微信小程序序新增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 相关文章推荐
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
如何让node运行es6模块文件及其原理详解
Dec 11 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
深入分析jQuery.one() 函数
Jun 03 jQuery
Javascript var变量删除原理及实现
Aug 26 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
dedecms模版制作使用方法
2007/04/03 PHP
Dedecms常用函数解析
2008/02/01 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
vue实现分页组件
2020/06/16 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
Node.JS如何实现JWT原理
2020/09/18 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
python实现简单爬虫功能的示例
2016/10/24 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
Python 忽略warning的输出方法
2018/10/18 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
在python中使用nohup命令说明
2020/04/16 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
2014年初级职称工作总结
2014/12/08 职场文书
运动会入场词
2015/07/18 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
Python利用FlashText算法实现替换字符串
2022/03/31 Python
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL