1.点击详情,并勾选项目设置中最后一行. 2.用小程序请求本地的后台服务接口 wx.request({ url: 'http://localhost:8090/DemoProject/myTest.do', data:{}, method:'POST', header: { 'content-type': 'application/x-www-form-urlencoded' }, success: function (res) { console.log(res.data) } })

[未经作者本人同意,请勿以任何形式转载] 目前,微信给每个小程序提供了10M的本地缓存空间(哎哟妈呀好大) 有了本地缓存,你的小程序可以做到: 离线应用(已测试在无网络的情况下,可以操作缓存数据) 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存: 热数据 静态数据(用户数据,服务器授权ID等) 网络地址(图片.文件等网络地址) 分页列表数据及详情内容 一般的缓存系统采用键值对的方式完成数据插入和读取,通过对key进行一次Hash算法得到一个唯一值,并与value绑定起来:查询的

目前,微信给每个小程序提供了10M的本地缓存空间(哎哟妈呀好大) 有了本地缓存,你的小程序可以做到: 离线应用(已测试在无网络的情况下,可以操作缓存数据) 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存: 热数据 静态数据(用户数据,服务器授权ID等) 网络地址(图片.文件等网络地址) 分页列表数据及详情内容 一般的缓存系统采用键值对的方式完成数据插入和读取,通过对key进行一次Hash算法得到一个唯一值,并与value绑定起来:查询的时候对根据Hash后的key查询,算法空间

微信小程序:本地资源图片无法通过 WXSS 获取,可以使用网络图片或者 base64或者使用image标签 一.问题 报错信息: VM696:2 pages/user/user.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签 报错位置: 二.解决方案 将图片edite.png 转换为base64,地址 http://imgbase64.duoshitong.com/,在这里把要使用的图片转换一把,然后将得到的字符放到bac

如下图标记的三个点 在调试过程中出现问题,特此记录. 1. 之前在浏览器测试接口习惯省略 http:// ,是因为浏览器默认有一个检测,在你输入的网址前面加http://,如果有就不加. 然而在微信小程序开发接口中不会默认添加,所以要写完整,否则访问不到. 如果写为 url:localhost:8080/data.json 报错:VM530:1 request:fail invalid url "localhost:8080/data.json" 2. 刚开始将赋值的冒号: ,下意识的

写在前面 之前写了一篇<微信小程序实现各种特效实例>,上次的小程序的项目我负责大部分前端后台接口的对接,然后学长帮我改了一些问题.总的来说,收获了不少吧! 现在项目已经完成,还是要陆陆续续总结一下的,总结的过程也是对知识梳理和清晰的过程! 这次主要聊一下小程序前后端接口对接的一些事, 对于客户端与服务端接口的对接,微信小程序提供了wx.request()的API接口,完美的实现前端后台的对接: 一个简单的栗子: wx.request({ url: API_URL + '/api/categor

写在前面 之前写了一篇<微信小程序实现各种特效实例>,上次的小程序的项目我负责大部分前端后台接口的对接,然后学长帮我改了一些问题.总的来说,收获了不少吧! 现在项目已经完成,还是要陆陆续续总结一下的,总结的过程也是对知识梳理和清晰的过程! 这次主要聊一下小程序前后端接口对接的一些事, 对于客户端与服务端接口的对接,微信小程序提供了wx.request()的API接口,完美的实现前端后台的对接: 一个简单的栗子: wx.request({ url: API_URL + '/api/categor

小程序升级更改: 本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签.请参考文档: https://mp.weixin.qq.com/debug/wxadoc/dev/qa.html 可处理方式: 网络图片http://www.moepan.net/将图片传上去,然后将外链地址复制到url base64http://base64.xpcha.com/将图片传上去,然后将转码复制到url(转码后比较长,所以我通常选择用网络图片)

如果你碰到的上述问题(本地调试ok,小程序上传体验版 各种莫名其妙的问题-卡死-组件属性失效-$apply()不起作用) 您需要关闭 微信开发者工具中: 1.微信开发者工具-->项目-->关闭ES6转ES5. 重要:漏掉此项会运行报错. 2.微信开发者工具-->项目-->关闭上传代码时样式自动补全. 重要:某些情况下漏掉此项也会运行报错. 3.微信开发者工具-->项目-->关闭代码压缩上传. 重要:开启后,会导致真机computed, props.sync 等等属性失效

获取小程序码 我们推荐生成并使用小程序码,它具有更好的辨识度.目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合适的接口. 接口A: 适用于需要的码数量较少的业务场景 接口地址: https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN 获取 access_token 详见文档 POST 参数说明 注意:通过该接口生成的小程序码,永久有效,数量限制见文末说明,请谨慎使用.用户扫描该码进入小程序后,将直接进入

昨天晚上,2018年9月11日,微信官方又更新了一大波的小程序功能.重点我们来谈谈这个功能,微信叫做统一服务消息下发接口. 这个是官方的文档  统一服务消息 · 小程序https://developers.weixin.qq.com/miniprogram/dev/api/notice-uniform.html 统一服务消息下发接口,名字很拗口,说点人话,就是这个接口可以发送公众号或者小程序的消息.之前大家都知道,我们用小程序发送消息,有小程序的api接口,如果是发送公众号的消息,就有公众号的模

为何要封装接口? 有小程序开发的经验者,相信对微信API Request很熟悉了.对接接口时,有大部分的开发者都是直接调用request方法,去请求后台接口并渲染数据.诚然,直接使用api发起请求对接接口开发速度是快的,可是,一旦对接的接口多了起来,这样简单,直接的方法出现了很多缺陷. 难以维护.域名被换或者接口名被换,修改接口名得一个个文件找,而且可能不清楚有多少文件调用了需要修改的接口,导致效率低下 难以管理.无法了解到底用了哪些接口,难于统一修改,除非一个个找出了,并其归纳 代码重复.有些

微信小程序之数据缓存 开发中常用setStorageSync来实现本地数据缓存操作 (1)点击缓存案例: <button bindtap="toStorage">存储</button> // 本地存储 toStorage(){ // 获取用户数据存到本地 const appInstance = getApp() console.log(appInstance.globalData);//打印用户信息 try { wx.setStorageSync('userIn

最近做的小程序,在真机测试发现有些本地图片在开发工具上可以显示,但是在真机上预览的时候不能显示 代码是这样写的 <view class='seat-size' wx:for="{{item}}" wx:key="index" wx:for-index="index" wx:for-item="citem"> <image src='../../../images/seaticon.png' class='se

微信小程序中会使用wx.setStorage(wx.setStorageSync)来存储数据,问题是:即使小程序被销毁了,本地缓存的数据仍然存在.会造成: 所以要及时清理掉本地缓存的数据.解决思路: 1.小程序销毁的时候clear本地缓存的数据: 方法:app.onUnlaunch 在小程序生命周期(销毁时)的回调中清理所有的本地存储 wx.clearStorage() 2.存储的数据用过就清理: 方法:使用过后即从本地缓存中异步移除指定 key :wx.removeStorage(OBJECT

由于之前做过公众号的一个开发,所以再开发小程序就没有那么多坑了,在这也记录一下开发过程,以方便后续进行参考. 废话不多说,直接上官方文档,任何使用第三方开发的,不看文档就是耍流氓.小程序开发文档,可以看到需要传的参数为appid,secret,js_code,grant_type.appid和secret是在小程序后台能够直接获取到的,而code是前端经过用户授权登录得到的一个code,grant_type就直接写authorization_code. 好了,接下来上代码,这里用的是TP5.1开

1.首先需要在windows环境下安装node.js 选择 Windows Installer 下载对应的系统版本就行,然后一路next,这种方式安装好以后会把环境变量也配置好了,直接在命令行下输入 node --version //出现对应的版本号信息就表示安装成功了 2.json-server的使用 <1> 安装:npm install -g json-server <2>然后选一个文件目录新建一个json文件,例如index.json index.json 内容 { &quo

test.js 文件里的onLoad function getarticles(p,order,mythis) { wx.request({ url: 'https://ganggouo.cn/index.php/Home/getarticles', //后台接口地址 method: 'post', //post请求 data: { p: p, order: order, }, header: { 'content-type': 'application/x-www-form-urlencode

转自:https://idig8.com/2018/08/30/xiaochengxujavashizhanxiaochengxukaifazhuceyonghudejiekou33/ 从用户注册接口开始.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot 工具类 返回统一工具类JSONResult 放入common工程中 package com.idig8.utils; /** * @Description: 自定义响应数

//httpService.jsconst host = 'https://baidu.com/ceshi' // 接口请求的域名 // get请求使用 json对象转字符串 (formatParams ) const formatParams = (data) => { let arr = [] for (let name in data) { arr.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name])) }

#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream;