微信小程序
孙玉凯
用优雅的方式编写代码
展开
-
微信小程序简单的登录页面的跳转
首先设置tapbar在APP.js里面设置相关数据用户的信息;loginBtnClick:function(){app.globalData.userInfo={username:this.data.username}wx.navigateTo({url: ‘../user/user’,success: function(res){// succes原创 2017-10-24 11:07:58 · 7567 阅读 · 0 评论 -
微信小程序具有在线支付功能
最近需要在微信小程序中用到在线支付功能,于是看了一下官方的文档,发现要在小程序里实现微信支付还是很方便的,如果你以前开发过服务号下的微信支付,那么你会发现其实小程序里的微信支付和服务号里的开发过程如出一辙,下面我就具体说一下小程序里微信支付的开发流程和注意点。1.开通微信支付和微信商户号这个过程就和开通服务号的微信支付过程一样,没有什么可以说的。2.获得用户的openid首原创 2017-10-24 11:59:00 · 1206 阅读 · 0 评论 -
微信小程序之详细微信登陆
简介:微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆。只不过是,还没有写入到咱们自家的后台中而已。新建一个Hello World项目,找到app.js文件打开,代码如下:app.js:App({ onLaunch: f转载 2017-10-24 14:57:53 · 1134 阅读 · 0 评论 -
目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义转载 2017-10-25 15:36:56 · 1035 阅读 · 0 评论 -
微信小程序-下拉刷新与加载更多
下拉刷新实现下拉刷新目前能想到的有两种方式调用系统的API,系统有提供下拉刷新的API接口下拉刷新API.png监听scroll-view,自定义下拉刷新,还记得scroll-view里面有一个bindscrolltoupper属性吗?忘记请自行回顾上一篇 微信小程序实战篇-电商(二)当滚动到顶部/左边,会触发 scrolltoupper 事件,所以我们可以利用这个属性,来转载 2017-10-25 16:12:08 · 1431 阅读 · 0 评论 -
微信小程序中如何调用本地的接口
小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。所以,调用本地接口,在小程序中很重要。1、首先需要绑定小程序id,然后添加request 合法域名,微信要求接口是https加密传输,所以服务器需要安装证书2、在 onLoad中 使用微信 API wx.request 来请求如果要用 POST 请求,需要在代码中设置 h...原创 2019-01-23 16:31:53 · 3597 阅读 · 0 评论 -
微信小程序支付 php后台对接完整代码
这个代码全是干货呀,拿过来可以直接使用。小程序在调起微信支付之前需要5个参数,这时候就需要携带code向后台请求,然后后台根据code获取openid 再进行服务器之间的。。。。 一、准备工作1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限;2、绑定商户号。3、在小程序填写合法域二、完成以上条件,你可以得到 小程序appid 小程序秘钥 ...转载 2019-01-23 16:38:04 · 1192 阅读 · 0 评论 -
微信小程序之获取用户信息并存入数据库
微信小程序获取用户信息,但是在存入自己服务器数据库。index.jsPage({ data: { nickName: "微信账号登录", avatarUrl:"./user-unlogin.png", }, onLoad: function () { var that = this; var nickName = that.data...原创 2019-03-17 22:35:09 · 6663 阅读 · 2 评论 -
小程序云开发--获取openid报错,解决方案
1、在cmd下打开自己云开发项目的login文件夹,如图:再输入以下语句npm install --save wx-server-sdk@latest安装最新的wx sdk2、在此处填入环境ID即可,ID请在云开发环境中获取...原创 2019-07-16 15:08:25 · 875 阅读 · 0 评论 -
突破微信小程序模板消息的推送限制
“模版消息”是小程序非常重要且可主动触达用户的一种能力。爱鲜蜂小程序通过“模版消息”,建立一套用户唤醒机制,达到提升用户复购率的目的。小打卡小程序的近30天访问来源数据显示,有20%左右的用户通过模板消息这个入口进入小打卡,在各种来源中排名第三位,可见模板消息是用户使用小程序的重要入口。模版消息推送是微信小程序采用的通知形式,用户本人在小程序页面有交互行为后,可触发下发通知,通过微信聊天列原创 2017-10-24 10:49:45 · 17455 阅读 · 0 评论 -
微信小程序--跳转页面的两种方法详解
微信小程序 跳转页面小程序页面有2种跳转,可以在wxml页面或者js中:1,在wxml页面中: 跳转到新页面 在当前页打开 切换到首页Tab2,在js页面中: 【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册原创 2017-10-23 10:30:18 · 2550 阅读 · 0 评论 -
如何申请一个微信公众号的详细流程思维导图(图)
随着自媒体时代的到来 ,很多企业、单位、个人都申请了微信公众号,但是,一个微信公众号如何才能发挥出应有的效果呢?从今天开始,我将总结我的运营经验。上图是第一部分,微信公众号的建立流程图。原创 2017-09-26 09:14:06 · 5597 阅读 · 0 评论 -
微信小程序--模版消息功能概述
基于微信的通知渠道,为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验。模板推送位置:服务通知模板下发条件:用户本人在微信体系内与页面有交互行为后触发1、 支付:当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息(1次支付可下发1条,多次支付下发条数独立,互相不影响)2、提交表单:当用户在小程序内发生过提交表单行为且该表单转载 2017-10-18 13:56:39 · 973 阅读 · 0 评论 -
微信小程序设计weui框架
weui-wxss是微信官方提供的ui框架,用起来也很方便(copy)。下载地址:https://github.com/weui/weui-wxss第一步:需要把下载的内容copy到项目中,主要是dist目录下的style目录下的weui.wxss文件。第二步:在全局的app.wxss文件中引用 , 注意目录是相对路径[html] v转载 2017-10-18 20:00:10 · 2465 阅读 · 0 评论 -
微信小程序中做用户登录与登录态维护的实现详解
微信小程序的运行环境不是在浏览器下运行的。所以不能以cookie来维护登录态。下面这篇文章主要给大家介绍了微信小程序中如何做用户登录与登录态维护的相关资料,文中介绍的非常详细,需要的朋友可以参考学习。总结大家都知道,在开发中提供用户登录以及维护用户的登录状态,是一个拥有用户系统的软件应用普遍需要做的事情。像微信这样的一个社交平台,如果做一个小程序应用,我们可能很少会转载 2017-10-18 20:00:47 · 4560 阅读 · 2 评论 -
微信小程序开发之获取openid及用户信息
1. 获取openid1.1 获取code调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。wx.login({ //获取code success: function(res) { code = res.code //返回code原创 2017-10-18 20:07:07 · 1850 阅读 · 0 评论 -
微信小程序开发--微信登录流程
最近在研究微信小程序开发,非常有意思的一个东西。花了一点时间写了一个微信的登录流程,包括后端接口和小程序代码。做过微信登录的都知道,我们需要一个标识来记录用户的身份的唯一性,在微信中unionId就是我们所需要的记录唯一ID,那么如何拿到unionId就成了关键,我将项目分为小程序和 后台PHP代码两部分来讲。微信小程序开放平台先从我们的小程序代码开始简单的转载 2017-10-18 20:40:59 · 500 阅读 · 0 评论 -
微信小程序处理用户拒绝授权情况及微信登录,登录保存等系列解决方案
在微信小程序开发时,当我们调用API wx.getUserInfo(OBJECT) 时,需要用户授权。但如果用户拒绝授权,我们如何兼容用户拒绝授权状态,拥有更好的用户体验呢?先看看这个接口的官方文档:wx.getUserInfo(OBJECT) 获取用户信息,需要先调用 wx.login 接口。OBJECT参数说明:参数名类型必填说明转载 2017-10-18 20:51:56 · 5936 阅读 · 0 评论 -
微信小程序getPhoneNumber快速获取用户手机号组件
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等, 有了这个组件可以快速获取微信绑定手机号码,无须用户填写。1.getPhoneNumber这个组件通过button来实现(别的标签无效)。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。[转载 2017-10-19 20:27:01 · 3706 阅读 · 0 评论 -
微信小程序--自定义模态对话框
由于官方API提供的显示模态弹窗,只能简单地显示文字内容,不能对对话框内容进行自定义,欠缺灵活性,所以自己从模态弹窗的原理角度来实现了自定义的模态对话框。wx.showModal(OBJECT)自定义模态对话框涉及文件界面 wxml样式 wxcss事件及方法 js效果图界面代码 .wxmlbutton class="show-btn"转载 2017-10-23 09:59:02 · 555 阅读 · 0 评论 -
微信小程序 Mustache
微信小程序 Mustache语法详解最近微信小程序非常火,对于前端开发的程序员是个利好的消息,这里主要记录下微信小程序 Mustache语法。小程序开发的wxml里,用到了Mustache语法。所以,非常有必要把Mustache研究下。什么是Mustache?Mustache是一个logic-less(轻逻辑)模板解析引擎,它是为了使用户界面与业务数据(内容)分离而产生转载 2017-06-09 10:14:38 · 632 阅读 · 0 评论