小程序

本篇文章给大家带来的内容是关于微信小程序模板消息定时推送（图文），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 最近更新了创建推送api接口的模块，所以你要是想做一个定时推送微信小程序模板消息的功能，只需要简单的三步就好！ 1、 添加应用 首先进入vPush开发者管理控制台：https://dev.vpush.cloud 然后点击添加应用，根据配置添加即可。 2、创建API 然后选择模板消息，点击【创建API】按钮，进行简单设置即可。 一般不需要默认数据，因为我们再请求推送接口的时候可以传递数据覆盖。 所以我们设置好要放大的关键词即可： 然后点击创建按钮即可创建完毕。 3、调用API接口 创建接口后，在下方即可看到接口的信息以及使用的代码示例： 所以我们接下来，就开始创建一个我们自己的推送脚本了！ 这里以一ONE小程序为例，我们设定每天早上9:10分获取当天的图文数据，然后调用推送API接口即可创建推送任务，最后推送给所有的用户们。 我用nodejs的superagent模块写了一个简单的脚本： /**  * 一ONE小程序推送模块  * 每天早上09:10获取更新，然后推送  * https://github.com/safe-dog/one  * https://vpush.cloud  */var request = require('superagent');  // 获取新数据request   .post('https://api.hibai.cn/api/index/index')   .send({       'TransCode': '030112',           'OpenId': '123456789',           'Body': ''…

本文介绍了微信小程序三级联动地址选择器的实例代码，分享给大家，有需要的可以一起了解一下 在一些电商类的小程序中，地址选择这个功能一般是必备的，一般的收货信息都需要有一个能选择省市县的控件，当然也有些人为了省事就直接写了一个供输入的input，那么这样做的缺点不言而喻，而且用户体验也不是那么的好，今天的这篇文章就分享一下微信小程序地址选择的实现。省市县的数据以及区域码可以从国家统计局查询到，具体可以自己搜一下。照例先上源码和效果图 源码传送门 picker和picker-view组件 在正式介绍实现之前，我们需要先来介绍下这两个组件，picker这个组件在前面的文章有简单介绍过，它是从底部弹起的滚动选择器，可以通过设置type的值来实现日期选择，时间选择以及普通的选择器，如果我们想实现上图三级联动地址选择效果，发现实现起来很困难，应该说是不能实现，因为picker普通选择器是只能有一列，如果想这实现三列的效果就需要另辟蹊径了。 既然是另辟蹊径，自然就会想到picker-view，该组件是一个嵌入页面的滚动选择器，该组件中可以放置多个picker-view-column，并且只能放置picker-view-column，其它组件是不会显示的，每一个picker-view-column就是一列。 picker-view有几个重要的属性，value是一个数组类型，数组中的数字依次表示 picker-view 内的 picker-view-colume 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。indicator-style和indicator-class可以设置选择器中间选中框的样式，他有一个事件bindchange，当我们滚动item时选择的item数据发生变化就会触发这个函数，并且可以通过event.detai.vaule（和上面介绍vaule含义相同）获取当前选择的是第几项（下标从 0 开始）。而对于picker-view-column高度会自动设置成与picker-view的选中框的高度一致。 省市县数据文件 存储了地址选择所需要用到的数据，主要是区域码和名字，然后通过下面代码将数据暴露出去，以供使用 module.exports = {  citys,  provinces,  areas } 登录后复制 wxml文件实现 <view>  <view>…

实体类:  public class userlist   {     public string total { get; set; }     public string count { get; set; }     public userlistopenid data { get; set; }     public string next_openid { get; set; }   } 登录后复制  public class userlistopenid   {     public List<string> openid { get; set;   }</string> 登录后复制  public class userdetail   {     public int subscribe { get; set; }     public string openid { get; set; }     public string nickname { get; set; }     public int sex { get; set; }     public string language { get; set; }     public string city { get; set; }     public string province { get; set; }     public string country { get; set; }     public string headimgurl { get; set; }     public int subscribe_time { get; set; }     public string unionid { get; set; }     public string remark { get; set; }…

摘要: 一直跟着我们手把手系列教程的朋友，对小程序的基础内容应该有一定的了解了。今天我们来实在学习一个综合案例：快递查询。 项目要求： 1.显示一个快递查询的页面 2.输入快递订单编号可以查看订单的流程。 … 一直跟着我们手把手系列教程的朋友，对小程序的基础内容应该有一定的了解了。今天我们来实在学习一个综合案例：快递查询。项目要求：1.微信小程序显示一个快递查询的页面2.输入快递订单编号可以查看订单的流程。 快递查询微信小程序开发代码实现： 1，创建一个快递查询的小程序项目，如下所示： 2，在app.json页面里面修改导航栏标题显示为：快递查询，并到index.wxml页面将个人信息全部删除，仅保留外部view组件，如下图所示：index.wxml的代码如下： 3.在首页添加一个输入框。怎样添加一个输入框呢？可以到微信的api官方，找到小程序开发文档—组件–表单组件—输入框(input)。如下图所示：拷贝图示的代码到我们的页面当中去，代码如下所示：   运行后我们会发现首页已经有一定输入框，如下图所示。 我们会发现这个输入框的颜色看不见，我们给这个输入框加一个样式。index.wxss的样式代码如下： input {   border: 1px solid red;   width: 90%;   margin: 5%;  …

这篇文章主要为大家详细介绍了nodejs微信公众号支付开发,具有一定的参考价值，感兴趣的小伙伴们可以参考一下 odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能。这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求。现在把开发过程重新捋一遍，以帮助更多的开发者顺利的完成微信支付功能的开发。（微信暂时还没有提供 node 的支付功能） 一.请求CODE 请求 code 的目的就是获取用户的 openid（用户相对于当前公众号的唯一标识） 和access_token，请求的：open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&reect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect此 api 需要注意几个参数： 1.  appid公众号的 appid，可以在公众号中看到2.  redirect_uri 自定义的微信回调地址， 微信会在你请求完上面的地址后跳转到你定义的redirect_uri的地址， 带着 code，此处的 redirect_url 需要 **url_encode**…

元编程是指的是开发人员对 “语言本身进行编程”。一般是编程语言暴露了一些API，供开发人员来操作语言本身的某些特性。 从ES6开始，新增了Proxy和 Reflect特性，扩展了元编程(Meta Programming)能力，允许拦截并定制基础语言操作行为(比如，属性查找，赋值，枚举，函数调等)。 Proxy(代理) Proxy是ES6加入的一个新特性，它可以 “代理” 对象的原生行为，替换为执行自定义行为。 Proxy可以理解成在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。 Proxy 对象用来为基础操作(例如：属性查找、赋值、枚举、方法调用等)定义用户自定义行为。 创建一个Proxy对象： target：目标对象，可以是任意类型的对象，比如数组，函数，甚至是另外一个代理对象。 handlert：处理器对象，包含了一组代理方法，分别控制所生成代理对象的各种行为。 Proxy对象的方法： Proxy.revocable(target, handler)：用来创建一个可撤销的代理对象。 处理器对象一共有14种可代理方法： handler.getPrototypeOf()：在读取代理对象的原型时触发该操作，比如在执行 Object.getPrototypeOf(proxy) 时。 handler.setPrototypeOf()：在设置代理对象的原型时触发该操作，比如在执行 Object.setPrototypeOf(proxy, null) 时。 handler.isExtensible()：在判断一个代理对象是否是可扩展时触发该操作，比如在执行 Object.isExtensible(proxy)…

这次给大家带来小程序开发分享页面后返回首页，的注意事项有哪些，下面就是实战案例，一起来看一下。 做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮Home标注。 今天我分享另外一种方法。请看下面.gif; 有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下： <!--index.wxml--> <view class="container"> <text>我是首页</text> <button bindtap='goLogs'>go logsPage</button> </view> const app = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse:…

解决方法：1、登录微信公众号平台；2、点击菜单栏中的“安全中心”；3、在“风险操作提醒”中点击“设置”按钮；4、在“未开启安全提醒”中点击“开启”；5、扫描二维码，点击“确定”即可。 解决方法： 1、首先在电脑浏览器，打开微信公众平台首页，输入公众帐号进行登陆。 2、进入公众号后台，在左侧导航栏的最下方点击进入安全中心。 3、在安全中心页面，第三栏风险操作提醒，后面点击设置按钮。 4、然后在 未开启安全提醒  一栏点击开启按钮。 5、此时会弹出一个付有二维码图片的新页面，那么这时候先拿出手机打开微信，使用已绑定公众号的个人微信号” 扫一扫图中的二维码 “。 6、接着继续在手机微信上根据提示点击” 确定 “ 开启微信提醒即可。 7、此时再刷新一下电脑网页，就可以看到显示为 ” 已开启微信提醒 “ 的状态了。 8、开启微信提醒功能后，无论是管理员、运营者微信号、或其他帐号、在平台登陆公众号时，个人微信号将会收到，” 公众号安全助手 “ 发来的登陆提醒通知。 微信公众号收到消息的时候，订阅号是没有声音提醒的，服务号有消息提示。 1、订阅号群发消息，手机端微信接收是没有提示音的，在微信会话列表会有新消息提示红点标志。  2、服务号群发消息，手机端微信会收到提示音。  3、素材管理的图文预览单独发送微信号，手机端微信会收到提示音。 …

本文实例为大家分享了前端代码，供大家参考，具体内容如下 $('.Save_Patient_Msg').click(function(){  $('.Save_Patient_Msg').off('click');  var hrdfId = getOrderId();  var txnAmt = $('.sum_pay.font-red').html();      var data = {orderId: hrdfId, txnAmt: "0.01",   prodDesc: "远程诊断服务", callType: "JSAPI",  access_token: getUrlParam("access_token")  };     $.ajax({  type: 'POST',  url: '/hims/api/commonPay/queryTransNo?access_token='+getUrlParam('access_token'),  dataType:'json',  contentType:'application/json',  data: JSON.stringify(data),  success: function(Wxres){  if(!Wxres){  $.alert('服务器拥堵，请稍后访问')  }else{   console.log(Wxres);   if(Wxres.data.respCode == 'fail'){   $.alert(Wxres.data.respMsg);   }else{   //10 微信支付接口   // 10.1 发起一个支付请求   // 注意：此 Demo 使用 2.7 版本支付接口实现，建议使用此接口时参考微信支付相关最新文档。…

这篇文章主要为大家详细介绍了微信小程序开发animation心跳动画效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序开发animation心跳动画，供大家参考，具体内容如下 1、微信小程序开发animation心跳动画 wxml文件中： <view>    <view>     <view>     <!-- 心跳 -->     <view>      <image></image>     </view>     <!-- 投票文字 -->     <view>投票</view>     </view>    </view>   </view> 登录后复制 js文件中： // 页面渲染完成   onReady: function () {    var circleCount = 0;    // 心跳的外框动画    this.animationMiddleHeaderItem = wx.createAnimation({    duration:1000, // 以毫秒为单位 …