小程序api

作者介绍：周中坚，美团点评工程师，4年 Web 前端开发经验，主要负责过会员卡、外卖、预订、商家平台等业务的前端开发，现在是美团点评点餐团队的一员。 如果你看过《 张小龙首次全面阐述小程序 》这篇文章，一定会对这句话有印象："比如我们到一个餐馆，我们可能想排队或者说点一下菜，我们并不需要去下载这个餐馆的应用程序，我们只需要在餐馆扫一下它的二维码，然后就启动了这个餐馆的小程序，我们可以立即在小程序里排队或者点餐。" 没错，我们就是做张小龙在演讲时提到的"点餐"的大众点评点餐团队。我们团队在去年年底开始考虑微信小程序平台，经过快速而慎重的前期调研和讨论，紧张的开发测试，在微信同事的帮助下，"大众点评点餐"小程序于2017年1月上线。 如果你对小程序感兴趣，不妨关注一下这个专栏，我们计划在两个月内推出7篇关于小程序的专栏文章。小程序的这一系列文章是我们前端团队做小程序时积累的经验，里面不仅有小程序的原理，还有我们开发过程中遇到的问题和解决办法。 如果你对前端感兴趣，也不妨关注一下这个专栏，因为小程序只是我们团队很小的一部分产出，我们会持续创作，将我们的经验和大家分享。 功能简介 大众点评点餐小程序是一个工具，本着方便好用的初衷，我们设计的第一版的「大众点评点餐」小程序交互流程非常简单，用户可以在小程序中完成选择菜品，确认下单，追踪订单状态这个完整的点餐流程。 菜单页 购物车页 订单详情页

微信小程序 　　小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 在官网用邮箱注册微信小程序账号，点击开发模式，获取AppID成为开发者。 需要的技术 """ 1、html 2、css 3、js 4、如何创建小程序 5、小程序的数据绑定 6、列表渲染 7、小程序组件的使用 8、小程序内置的API 9、基于Python后端语言实现api接口 """ 小程序的基础 简介 　　小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念， 用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 主要的功能 　　小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。 开发环境的准备 1、注册账号 2、获取AppID 登录后可以看到以下界面，点击开发设置 获取AppID 下载好开发者工具后新建项目，界面如下： 创建好项目的主页面结构 工具栏 调节测试 调试器 和浏览器中的F12，右键检查一样查看后台控制。 小程序结构目录 1、小程序文件结构和传统的web对比 基本的项目目录 配置介绍 　　一个小程序应用程序会包含最基本的两种配置文件，一种是全局的app

承接小程序配置之后 ，先对小程序开发软件的界面进行介绍： 通过左上角的 “+”添加页面 然后创建第一个功能页面 然后页面构造完成：各部分代码： app.json { " pages ": [ "pages/index/index" ] , " window ": { " navigationBarBackgroundColor ": "#ffffff" , " navigationBarTextStyle ": "black" , " navigationBarTitleText ": "小程序" , " backgroundColor ": "#eeeeee" , " backgroundTextStyle ": "light" , " enablePullDownRefresh ": false } } app.js App({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () { }, /** * 当小程序启动，或从后台进入前台显示，会触发 onShow */ onShow: function (options) { }, /** * 当小程序从前台进入后台，会触发 onHide */ onHide: function () { }, /** * 当小程序发生脚本错误，或者 api 调用失败时

wx.getSystemInfo(OBJECT) 获取系统信息。 OBJECT参数说明： 参数 类型 必填 说明 success Function 是 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行） success回调参数说明： 参数 说明 最低版本 model 手机型号 pixelRatio 设备像素比 screenWidth 屏幕宽度 1.1.0 screenHeight 屏幕高度 1.1.0 windowWidth 可使用窗口宽度 windowHeight 可使用窗口高度 language 微信设置的语言 version 微信版本号 system 操作系统版本 platform 客户端平台 fontSizeSetting 用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准，单位：px 1.5.0 SDKVersion 客户端基础库版本 1.1.0 示例代码： wx .getSystemInfo ({ success : function ( res ) { console . log (res.model) console . log (res.pixelRatio) console . log (res.windowWidth) console .

wx.getNetworkType(OBJECT) 获取网络类型。 OBJECT参数说明： 参数 类型 必填 说明 success Function 是 接口调用成功，返回网络类型 networkType fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行） success返回参数说明： 参数 说明 networkType 网络类型 wx .getNetworkType ({ success : function ( res ) { // 返回网络类型, 有效值： // wifi/ 2 g/ 3 g/ 4 g/ unknown (Android下不常见的网络类型)/ none (无网络) var networkType = res.networkType } }) wx.onNetworkStatusChange(CALLBACK) 基础库 1.1.0 开始支持，低版本需做 兼容处理 监听网络状态变化。 CALLBACK返回参数： 参数 类型 说明 isConnected Boolean 当前是否有网络连接 networkType String 网络类型 networkType 有效值： ֵ 说明 wifi wifi 网络 2g 2g 网络 3g 3g 网络 4g 4g 网络 none

微信小程序的文件预览 微信小程序的文件预览需要先使用 wx.downloadFile 下载文件，然后使用下载文件的临时路径通过 wx.openDocument 进行文件的预览 项目中，有的需要打开pdf 来阅读信息。就需要用小程序自带的api方法。 wxml代码： <button bindtap = 'preview' > 工作简历预览 </button> js代码： //简历预览 preview : function () { var that = this ; console . log ( "简历预览" ) //这里的value是先在data里面初始化，然后我根据用户切换单选框，获取的简历文件的主键id console . log ( this . data . value ) var id = that . data . value ; if ( id == "" ) { wx . showModal ({ title : '' , content : '请选择一份简历' , showCancel : false , confirmColor : "#FFB100" }) } else { //先通过简历的主键id,查询简历路径（大家可以根据自己的需求来传数据） wx . request ({ url : app . globalData . url + "/api

小程序 小程序生命周期 页面生命周期 授权登录 组件 setData )； 分包 微信支付 下单 前端请求下单 后台掉微信小程序登录返回Openid 生成商户订单 后台调用微信统一下单API 后台根据生成预支付订单信息组合签名返回 前端根据返回支付信息调用微信支付 支付成功回调请求后台确认订单 后台查询订单信息返回结果(会用时间差，可能后台这边还没有收到订单支付消息) 根据返回结果相应展示 完成 来源：51CTO 作者： wangzai888 链接：https://blog.csdn.net/wangzai888/article/details/101037671

一、微信小程序原生开发槽点 1.原生开发对Node、预编译、webpack支持不好，影响开发效率和工程构建 2.原生语法不如vue和react,只能做微信小程序 3.vue和react有很多周边工具，提高开发效率 4.微信的IDE和专业编辑器相比不好用 二、框架分析 1.从用户角度分析 wepy：没有封装小程序api,使用原生的api mpvue：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 mpvue.request() taro：支持微信所有原生组件和api,无限制。同时封装了自己的跨端api,使用方式类似 Taro.request(),支持Taro代码与小程序代码混写，可以通过混写的方式调用框架尚未封装的小程序新增API uni-app：支持微信的所有原生组件和api，无限制。在跨端方面，即便仍然使用微信原生的组件和API，也可以直接跨端编译到App、H5、以及支付宝百度头条等小程序。但为了管理清晰，推荐使用uni封装的API，类似 uni.request() 。同时支持条件编译，可在条件编译代码块中，随意调用各个平台新增的API及组件 2.从性能体验分析 微信原生开发手工优化，uni-app>微信原生开发未手工优化，taro>wepy>mpvue 3.从开发者角度分析 DSL语法支持评测： taro , uni-app mpvue wepy

登录，几乎什么项目都会用到，其重要性不言而喻，而小程序的登录却一直是为人头疼的一件事，这里我分享下我们在小程序登录上的探索。 通常的登录都是通过一个表单，这很正常，但如果在小程序里你也这么做那就有点不可思议了，微信的一键登录对用户体验有多好你难道不知道？不用是不是脑子有坑？最主要你要利用微信的生态必须需要用微信的登录，以获取相关信息来和微信交互，OK，我们进入正题。 触发登录授权弹窗 用户在小程序、小游戏中需要点击组件后，才可以触发登录授权弹窗、授权自己的昵称头像等数据。 友情提示一下： wx.login 并不需要点击组件，需要的是 wx.getUserInfo ，但通常我们都会用到 UnionID 、 encryptedData 、 iv 等信息完成完整的登录流程，本文主要聚焦的也是这种场景。 所以之前直接通过调用API的方式就行不通了，那么问题来了――这个点击按钮要放到哪里？ 放到首页，一进小程序就必须先登录。这样显然很粗暴，而且问题并没有解决，反而会把用户直接拒之门外，毕竟你不是用小程序做后台系统，什么场景都需要授权，先授权也是必须的。 在需要授权的时候跳到登陆页面。这样就解决了上面遇到的不需要授权的时候也被强制授权，可是这样好吗？ 体验上不好，操作被打断，尤其整个页面都不需要授权只有在一个地方需要授权的，例如：你正在读一篇文章，读罢深有感触，想评论一番

原文配套视频资源获取链接： 点击获取 原文配套源码资源获取链接： 点击获取 第1章 课程导学 第2章 小程序开发入门 从几个方面介绍小程序开发相关的内容，包括小程序开发者账号注册、小程序开发流程、小程序开发规范、小程序常用的API，例如网络请求、本地缓存等API，以及小程序组件等等的知识点。 第3章 深入Django视图层 分层次介绍Django视图层的重要知识点，包括 HTTP请求和应答在Django框架中相应的Request对象/Response对象；Django的路由以及RESTful API设计；Django的文件管理；类视图简化视图层逻辑等等重要知识点；最后有关于视图层的实战内容。 第4章 Django框架的会话管理 这一章将重点介绍有状态服务的开发要点，首先介绍什么是有状态服务，然后介绍小程序中有状态开发的异同，接着介绍在Django框架内怎么使用Session框架来实现后端的会话管理，在完整了解了有状态服务的开发要点之后，练习实现一个有状态的个人主页功能。... 第5章 深入Django模型层之使用篇 本章节开始深入学习Django的ORM框架。本章在使用的维度上对Django ORM框架进行学习，包括数据库迁移、数据库增删改查等常用操作、数据库索引的使用、模型层关系映射等关键的内容。 第6章 深入Django模型层之优化篇 本章节继续深入学习Django的ORM框架