一.序 微信小程序,估计大家都不陌生,现在应用场景特别多.今天就系统的介绍一下小程序开发.注意,这里只从项目代码上做解析,不涉及小程序如何申请.打包.发布的东西.(这些跟着微信官方文档的流程走就好).好了废话不多说,看目录. 注: 小程序是一套特殊的东西,融合了原生和web端.他是一个不完整的浏览器对象,所以很多DOM . BOM 的东西无法使用,但是他又通过微信APP实现了多线程. 二. 目录 1.如何创建一个微信小程序 2.准备工作(让编译器支持小程序开发,我用的webstrom,hbuil

今天微信小程序发现wx.request不好使了,调试报错: 小程序要求的 TLS 版本必须大于等于 1.2 查官方文档 解决方法 在 PowerShell中运行以下内容, 然后重启服务器 # Enables TLS 1.2 on windows Server 2008 R2 and Windows 7 # These keys do not exist so they need to be created prior to setting values. md "HKLM:\SYSTEM\Cur

新版开发者工具增加了https检查功能:可使用此功能直接检查排查ssl协议版本问题: 可能原因:0:后台域名没有配置0.1:域名不支持https1:没有重启工具:2:域名没有备案,或是备案后不足24小时:备案未生效:感谢@小树提供的案例 3:ssl协议有问题:具体请参考本文: 微信小程序开发SSL证书配置,解决request fail问题 解决方法 1.Geotrust先检查下你的站点.把一些常规的问题解决掉,比如中级证书没装,等等问题. 2.微信支持,且只支持ssl_protocols TLS

1微信的request的post请求后台获取不到data(当初这个问题纠结了好久好久),原因是post传递的data是json格式而不是key,value的格式,所以获取不到相应的data就是post请求应为表单模式的data,微信小程序提供的datajson格式完全获取不到. 解决方法: 1.改变header header: {'Content-Type': 'application/json;charset=UTF-8;'}, 2.query的格式传递post请求就可以了,不过这个有点..你

前言:小程序的开发中总是踩到各种坑,看文档也不知所云: 例如当我们在写微信小程序接口时,method请求方式有POST和GET两种,为了数据安全,我们会偏向于使用POST请求方式访问服务器端: 问题:当我们使用POST方式请求时,后端无法获取数据,但使用GET方式便可以获取数据?? 解决办法: 设置请求的 header: header: { "Content-Type": "application/x-www-form-urlencoded" }, 例如:

先说一下基本使用.官网也有. 比如说你在App.js里面有这些变量.想修改某些值. data: { main_view_bgcolor: "", border: "", } 修改方式有两种,一是直接用“=”赋值,这种是可以修改,并且你把修改之后的值打印出来可以看到确实修改了,但是不推荐使用这样的方式. 因为,一般我们想修改data里面的值,往往都是因为这些数据都在main.wxml中绑定了,可以实现动态修改并实时刷新显示.刚刚这种方式容易发生数据被修改但是页面没有变

一.request封装 request(url, data, successCallBack = function(data) {}, completeCallBack = function(data) {}, method = "GET", header = { 'content-type': 'application/json' }, dataType = 'json', responseType = 'text') { wx.request({ url: url, data: d

1.新建一个api目录,与pages同级 2.在api目录下新建一个api.js文件 3.编写代码 const host = 'http://test.test.cn' const wxRequest = function (params, url) { wx.showToast({ title: '加载中...', icon: 'loading' }) wx.request({ url: url, method: params.method || 'GET', data: params.dat

1.创建src下创建utils/wx-request.js const host = 'http://10.0.0.6:8081' function request (url, method, data, header = {}) { wx.showLoading({ title: '加载中' // 数据请求前loading }) return new Promise((resolve, reject) => { wx.request({ url: host + url, // 仅为示例,并非真

关于微信小程序的开发.对于我们这些没学过oc或者android的人来说,无疑是一个令人鸡冻的好消息.这段时间研究了微信小程序开发.关于小程序的注册,认证和基础环境的搭建,官方文档已经非常详细了.这里就不再赘述了. 这里主要说说关于小程序网络模块的开发中遇到的一些问题,也许对大家有一点点帮助: 首先说说我的小程序: 后端服务用的是.NET的webservice: 然后利用小程序的wx.request请求我的接口.但是就是这么简单的一个东西,还是遇到了很多坑: 1.刚入门的童鞋可能会遇到跨域问题.这

异步请求处理 详情描述: 微信小程序的wx.request({})请求时异步处理,以下代码 wx.reuest({ url:"https://XXXA", method:"GET", data:data, success:res=>{ console.log("请求A成功") } }) wx.reuest({ url:"https://XXXB", method:"GET", data:data, s

  关于微信小程序开发一直想写一篇相关的文章总结和记录下,结果拖延症犯了迟迟没有下笔:这不最近天气不错,于是找一个空闲的下午将这篇文章输出下(好像跟天气没啥关系),那我们就开始吧! 注意:本文默认开发者对微信小程序开发有一定语法基础.小程序开发文档 微信小程序小结   在接触的微信小程序开发过程中,不难发现微信小程序为了方便开发人员入手对很多底层api进行了很好的封装,比如针对接口请求的wx.request(),针对路由跳转和页面导航的wx.switchTab.wx.navigateTo···等

微信小程序开发时,Console 提示:获取 wx.getUserInfo 接口后续将不再出现授权弹窗,请注意升级 错误原因: 直接调用这个方法依旧可以获取用户信息, 但是如果你之前没有点击过那个授权的小弹出框,这个方法就直接报错了,需要你直接去引导用户去授权. 解决方法: 微信更新api后,wx.getUserInfo在开发和体验版本都不能弹出授权窗口.使用该接口将不再出现授权弹窗,请使用 <button open-type="getUserInfo"></butt

在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求. 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downloadFile) WebSocket通信(wx.connectSocket) 这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主 设置域名 要微信小程序进行网络通信,必须先设置域名,不然会出现错误: URL 域名不合法,请在 mp 后台配置后重试

微信小程序已经火了一段时间了,之前一直也在关注,就这半年的发展来看,相对原生APP大部分公司还是不愿意将主营业务放到微信平台上,以免受制于腾讯,不过就小程序的应用场景(用完即走和二维码分发等)还是很值得我们学习的,技术上面如果了解React的话,会发现他们在组件化上面有很多雷同之处.说白了,小程序就是基于微信平台的H5轻应用,微信将系统底层功能(设备.位置.媒体.文件等)和微信自身功能(登录.支付.分享等)封装成相应API供小程序调用. 自己根据官方文档写过一个DOME,借助和风天气开放API接

微信支付是小程序开发中很重要的一个环节,下面会结合实战进行分析总结 环境准备 https服务器 微信小程序只支持https请求,因此需要配置https的单向认证服务(请参考 另一篇文章https受信证书配置) 微信公众平台账号 已认证的商户资料(请参考微信支付商户认证) 流程 小程序内调用登录接口,获取到用户的openid,api参见公共api[小程序登录API] 商户server调用支付统一下单,api参见公共api[统一下单API] 商户server调用再次签名,api参见公共api[再次签

本人在前面的微信小程序开发<二>中提到要想在服务端保持状态需要在客户端第一次请求服务器的时候给客户端返回一个sessionid,由客户端在本地保存,下次请求的时候在header里面带上这个sessionid,写到cookie字段里.但是最近发现请求时哪怕每次在header里带上sessionid还是不能拿到同一个session,百度后终于发现坑了(也不知道微信为啥要这么做),原来微信对wx.request这个API做了修改,小程序发起的请求并不是直接请求我们的后台服务器,而是先通过微信的服务器

微信小程序开发  小程序搜索框  IP地址查询  搜索查询  样例 微信小程序 开发 参考   https://mp.weixin.qq.com/debug/wxadoc/dev/component/ search.wxml <view class="container"> <view class="page-body"> <view class="weui-search-bar {{searchFocusCss}}"

最近在帮朋友做一款微信小程序(后面统称为小程序),有简单的交互,以及分享和支付功能.下面就简单的对小程序开发做一个简单的介绍,希望可以帮助大家!!! 当前的小程序我们是在windows系统里开发的,如果要在linux系统下开发,请参考linux环境系统下开发的具体文档(好像需要对开发工具做一些配置,下次为大家提供相关文档). 开发步骤: 1:准备阶段:有基础的HTML和css以及js基础. 2:项目建立: a:创建自己的项目,创建一个本地项目,开发过程中利用appID来同步到项目中. b:建立好

前言: 因为前段时间一直在做关于微信小程序方面的项目,作为一名后端的攻城狮而言做一些简单的前端页面数据操作和管理还是比较容易快上手的,当然前提是要理解微信小程序的基本语法和请求原理.该篇博客主要记录的是在编写微信小程序时使用比较频繁,实用的一些方法和一些基本原理的概括.个人觉得把这些方法掌握好了,开发一个小型的微信小程序那是绰绰有余的啦.当然我这里并没有深入的对一些语言进行详细的概述,纯属个人总结,假如需要详细的微信小程序语法文档请移驾到:[https://developers.weixin.q

前言: 业务需求,这次需要做一个小程序同时选中三张图片一起上传到服务端,后端使用的.NET WEBAPI接收数据保存. 使用技术: 在这章中将会使用到微信小程序wx.uploadFile(Object object) 和wx.chooseImage(Object object)接口,对图片大小和来源进行上传 wx.chooseImage() 概述: 从本地相册选择图片或使用相机拍照,详细了解请阅读微信小程序开发文档(https://developers.weixin.qq.com/minipro