小程序api

微信小程序api接口调用用封装 1. 在 02-项目 下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>{ // 判断 url中是否带有 /my/ 请求的是私有的路径 带上header token let header={...params.header}; if(params.url.includes("/my/")){ // 拼接header 带上token header["Authorization"]=wx.getStorageSync("token"); } ajaxTimes++; // 显示加载中 效果 wx.showLoading({ title: "加载中", mask: true }); // 定义公共的url const baseUrl="https://api.zbztb.cn/api/public/v1"; return new Promise((resolve,reject)=>{ wx.request({ ...params, header:header, url:baseUrl+params.url, success:(result)=>{

2018年9月，微慕小程序（以下简称微慕版）发布以来，一直想写一篇详细详细的说明文字，全面解读这套专业的WordPress小程序。昨天，又上线了一个稳定版本后，我才下决心，也更有信心，写点文字，向你推荐我花了半年时间开发这套小程序产品。 自从2017年初，我发布 开源版 的 WordPress微信小程序 （以下简称开源版）。开源版程序最开始是我学习小程序开发的成果，为了让更多的WordPress站长可以方便搭建自己的微信小程序，于是我就开源到了github上，没想到很多WordPress站长喜欢，截止到2018年11月8日，在 github star 数达到755。程序后续也不断地优化和完善，现在已经更新到 3.15版本 了。 开发微慕版的初衷 开源版是我当初学习的作品，因此无论是WordPress插件还是小程序的架构都比较初级，站在专业程序员的角度来看，代码写得很丑陋。同时存在一些不足： 1、WordPress 插件性能不高，代码容错机制不好。 2、WordPress 插件代码结构有些混乱和随意，没有遵循wordpress插件的编写规范。 3、微信小程序结构不够完善，不利于二次开发，界面也不够友好。 4、缺乏完善的用户会员中心，无法灵活适应微信授权机制的调整。 5、缺少互动的功能，只能简单地阅读和评论。 6、配置不够灵活，改动设置需要修改代码，重新提交审核。 为了解决这些痛点

屏幕 小程序还提供了一些api来操作屏幕的参数，主要是屏幕的亮度 官方描述 https://developers.weixin.qq.com/miniprogram/dev/api/device/screen/wx.setScreenBrightness.html < view > < button bindtap = " screen " > 屏幕亮度 </ button > < button bindtap = " setScreen " > 设置屏幕亮度 </ button > </ view > screen : function ( ) { wx . getScreenBrightness ( { success ( res ) { console . log ( res ) } } ) } , setScreen : function ( ) { wx . setScreenBrightness ( { value : 1 , success ( ) { console . log ( "设置成功" ) } } ) } , 真机调试结果如下 陀螺仪 官方描述 https://developers.weixin.qq.com/miniprogram/dev/api/device/gyroscope/wx.stopGyroscope.html 陀螺仪和加速器有所不同

11 月 3 号晚上 10 点，微信公众平台发布公告，宣布微信小程序正式开放公测。此次小程序公测允许开发者将产品提交至微信公众平台审核，但是暂时不支持发布，也就是说普通消费者若想体验小程序，还需要等待一段时间。 什么人可以参与小程序公测？ 微信小程序的公测暂时只开放给 企业、政府、媒体、其他组织， 个人微信公众号暂时无法参与小程序公测。 此次公测开放的内容包括： 开发支持：提供一系列工具帮助开发者快速接入并完成小程序开发； 开发文档：介绍小程序的开发框架、基础组件、 API 及相关开发问题； 开发者工具：集成开发调试、代码编辑、小程序预览及发布等功能； 设计指南：提出设计原则及规范，帮助建立友好、高效、一致的用户体验； 运营规范：介绍微信公众平台小程序的审核标准及运营规则； 小程序体验 demo ：可体验小程序组件及 API 功能，并提供调试功能供开发者使用。 另外需要注意，现阶段每个机构帐号只允许注册最多 50 个小程序，每个小程序一年需要缴纳 300 块钱，所有小程序帐号都需要绑定一个电子邮箱，一个手机号码只能绑定 5 个小程序。 如何注册小程序公测？ 注册： 打开微信公众平台网址http://mp.weixin.qq.com，点击右上角的注册链接 在弹出的选择页面选择小程序 然后填写账号和密码 下一步填写申请资料 小程序信息完善： 填写小程序基本信息，包括名称、头像

首先先注册微信小程序管理 一、登录微信公众平台 https://mp.weixin.qq.com 二、点击立即注册。 注意：这里不要用微信公众号登录，小程序账号和微信公众号是不同的。 三、在注册页面点击小程序板块。 四、进入小程序注册页面。已经有小程序账号的可以直接登录。 五、注册成功后登录邮箱激活小程序账号。 六、激活后进入小程序身份信息登记，按要求填写好自己的个人/企业/组织等身份信息，通过后确认即可。 七、完成前期账号注册和认证后，即可进入小程序管理页面 点击查看 腾讯官方3元购小程序购买 在这里按照步骤购买微信小程序开发服务器，如果自己有服务器，那也可以自己搭建 附：小福利，链接： http://pan.baidu.com/s/1slK1R7B 密码：7jlw。微信小程序开发视频（有可能会过期，留言或者加我QQ2126417520，给你最新的） 搭建结束了之后，就是微信小程序开发了 微信小程序开发其实说难也不难，如果你有前端基础，那么会很容易上手，没有的话也很容易上手 个人建议可以开发过程看 微信小程序官方API ，不用看视频，看视频上手太慢。 最好从项目直接入手，这里有微信小程序100个例子，链接： http://pan.baidu.com/s/1c10txni 密码：urcf（有可能会过期，留言或者加我QQ2126417520，给你最新的） 来源： https:/

最近工作任务安排了一个小程序开发项目，第一次实战解除小程序开发，还是遇到了很多问题。在这里做一个小结， 也方便自己日后回顾。 1. 数据状态管理与同步 小程序可以有多个入口页面，每个页面及其组件维护自己的一套数据，通过js进行修改操作，setDate同步到页面显示，数据声明清晰。但是项目作为一个整体，数据状态之间必定有共同 可共享的项，操作这些多个界面都会使用到的数据时就要格外注意，增大了开发的时间成本，同时代码冗余易错，状态更新很难维护。常常一个孙组件的数据需要一层层的triggerEvent到最上层组件，中间出错异常处理，调试艰难。当然，在app.js里有有globalData这个对象可以存放全局都会使用到的数据项，但是每一次的引入、修改与手动触发页面渲染更新也很令人头痛。如果你是写原生小程序不带框架，那么需要注意你的项目中的数据与状态处理一块。 目前比较流行的解决跨组件与跨页面间通讯的方案有很多，官方给出的是 weStore 。 API很简洁，注册到store上的数据可以直接使用 update 进行更新（感觉像是setData的语法糖，高性能JSON Diff库，效率更高） update直接返回的是一个Promise对象，也就是可以对update操作返回的内容再进行链式操作，相较于setDate的把传入的回调作为第二个参数的写法也更加易于理解接受

一、概述 特点：对商家来说，小程序的开发成本低（有丰富的组件、api等）、运营成本低（有数据日志等）、稳定、互动流畅，便于分享、传播（基本微信平台的大量用户）。对用户来说，扫码即可获取服务，随时可用，无须安装卸载 市面上的一部分互联网产品划分（图片来在网络）： 一些刚需和高频的金融类、电商类、教育类等其实是最不适合接入小程序的。这些功能都太重了，小程序难以承载。再加上小程序是无法被关注的，这也就以为着，它没有办法获取用户更多的信息，这对刚需且高频的产品来说，是很不方便的。 刚需且低频的服务类、旅游类等是最适合接入小程序的。这些功能很轻，用完即走。 二、项目结构 小程序包含一个主体app目录和多个page目录。 其中，主体目录为app.xxx：(app.js, 小程序逻辑)、(app.json, 小程序公共设置)、(app.wxss, 小程序公共样式表)。页面目录，一个页面一般由四个文件组成：(js, 页面逻辑)、(wxml, 页面结构)、(wxss, 页面样式表)、(json, 页面配置)，且这四个文件必须具有相同的路径与文件名。 三、配置 详情： https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=2017112 app.json对微信小程序进行全局配置，配置项列表： pages

小程序分为应用、页面和组件三个部分，所以小程序的生命周期涉及以下： 应用的生命周期 页面的生命周期 组件的声明周期 应用的生命周期对页面生命周期的影响 （1）应用的生命周期 App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。 App() 必须在 app.js 中调用，必须调用且只能调用一次。 App ( { onLaunch : function ( options ) { // 监听小程序初始化。小程序初始化完成时（全局只触发一次） } , onShow : function ( options ) { // 监听小程序显示。小程序启动，或从后台进入前台显示时 } , onHide : function ( ) { // 监听小程序隐藏。小程序从前台进入后台时。 } , onError : function ( msg ) { console . log ( msg ) // 错误监听函数。小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息 } , onPageNotFound : function ( res ) { // 页面不存在监听函数。小程序要打开的页面不存在时触发，会带上页面信息回调该函数 } , globalData : 'I am global data' } ) 前台、后台定义： 当用户点击左上角关闭

一、小程序代码构成 .json 后缀的 JSON 文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 JSON 配置 JSON是一种数据格式，在小程序中，起静态配置的作用。 小程序配置 app.json app.json 是当前小程序的 全局配置 ，QuickStart项目中的 app.json 配置内容如下： { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" } pages 字段——用于描述当前小程序所有页面路径，为了让wx客户端知道小程序页面定义在哪个目录 window 字段——定义小程序所有页面的顶部背景颜色，文字颜色定义等 工具配置 project.config.json 工具上做的任何配置都会写入到这个文件，重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会恢复到当时开发项目时的个性化配置，括编辑器的颜色

简介： 总结： 1. 逻辑层使用js引擎，视图层使用webview渲染 2. 微信小程序已经支持了绝大部分的 ES6 API 3. 可以自动补全css的兼容语法 文档： https://developers.weixin.qq.com/miniprogram/dev/framework/details.html 一. 设计 总结： 设计图750px， 1px = 1rpx，方便计算 二. 小程序页面结构 wxml: 功能类似html，描述节点，但小程序的 WXML 用的标签是 view , button , text 等等，这些标签就是小程序给开发者包装好的基本能力，我们还提供了地图、视频、音频等等组件能力 wxss: 类似css，有css大部分属性： 1. 单位rpx 2. 样式导入和less等css预处理器一致，用@import 3. 不能用嵌套选择器 js: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行在微信 App 的上下文中，不能操作DOM，没有window, document, 也不能通过 Node.js 相关接口访问操作系统 API JS 脚本文件通过改变数据来处理用户的操作 Page({ data: { msg: '' }, clickMe: function() { this.setData({ msg: