微信小程序开发

近两年来小程序甚是火爆，加上微信已经将触手伸向我们生活的方方面面，所以，无论在哪个领域都能看见微信小程序的身影。 小程序的出现不仅仅表明了微信对于应用程序生态的把控决心，也成为了微信正式进入电商化的一个标志性转折点。在这种情况下，微信小程序势必会成为未来电商的主战场。 那么，微信小程序商城应该怎么做也早就成为众多商家正在考虑的问题，首先 ，我们要弄清楚我们进行微信商城开发的目的是什么，对于企业来说，开发微信小程序商城，能够为他们带来什么： 一、开发微信小程序商城能够带来什么？ ①节约企业开发和运营成本 相比于某东、某宝等电商平台，微信商城搭建的成本要低得多。微信小程序商城不仅可以通过第三方企业提供的模板定制开发，同时还能省去一笔运营服务费用，这对于中小企业来说无疑是一个省心又省力的操作。 ②增强用户的使用体验 微信商城的页面较为简单，能够满足用户基本的消费和服务需求，避免了其他无用的信息干扰，用户可以更加直接高效地进行消费。而且微信商城只要用户使用过一次，在微信下拉页面中就会进行储存，避免了用户查找搜索的时间。这样不仅提高了商家的营业效率，而且也相应提高了用户的使用体验。 ③获得更多的流量来源 微信小程序商城由于其自身所带的产品属性，能够提供丰富多样的用户入口，而且这些入口都比较浅，用户可以轻松进入小程序商城页面进行消费。不仅如此，微信小程序商城还可以与公众号等其他营销形式相结合

一、小程序简介 1. 什么是小程序 小程序是一种不需要下载、安装即可使用的应用，它实现了触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又无须安装卸载。(实际上是需要安装的，只不过小程序的体积特别小[ < 2M ]，下载速度很快，用户感觉不到下载的过程) 2. 小程序的优势 ① 与 app 互补，提供与 app 类似的功能，但更加轻便。 ② 开发门槛低，周期短。 二、开发准备 1. 账号申请 注册地址微信公众平台： https://mp.weixin.qq.com/ 可以注册为个人开发者或者企业开发者，个人开发者功能小于企业开发者。 2. 安装微信开发者工具 下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 安装完成后微信扫码登录 3. 第一个小程序 在微信公众平台 --> 开发 --> 开发设置 --> 开发者ID 中找到 AppID 创建一个小程序项目，项目目录必须为空，勾选不使用云服务 此时我们第一个小程序项目就创建成功了，我们可以使用开发版查看效果或者点击右上角展开上传为体验版 体验版需要在微信公众平台 --> 管理 --> 版本管理 --> 开发版本 设置为选为体验版才可用 小程序没有DOM对象

微信小程序开发-开发流程和开发基础 - 1 微信小程序开发-2- 生命周期、事件、原生组件 微信小程序开发- 3 - 原生组件(一) 微信小程序开发- 4 - 原生API 微信小程序开发- 5 - 开放功能 工具 whistle 在上传和下载文件时，请求在network里面是看不到的，可以用whistle抓取到上传下载请求； 微信小程序原生API模块分类 网络 发起网络请求 媒体 音频视频 文件 上传下载文件 数据缓存 位置 操作当前位置信息 设备 当前系统设备信息和状态 界面 当前小程序页面的标题、颜色等 开放接口 微信支付、登录授权、客服消息、模板消息 规则 wx.on开头 Object参数 有三种回调函数success,fail,complete(无论失败与否) wx.get/wx.set wx.get获取宿主环境的参数 wx.set写入宿主环境的参数 调用函数的时候有两种方式： 直调函数 程序运行时直接执行被调函数 回调函数 程序运行之后，回过头来执行被调函数 状态码 10001 系统错误 10002 网络错误 10003 文件错误 10004 格式错误 -1 未知错误 网络请求 wx.request(Object) 参数 url： 需要绑定请求的域名 在小程序管理后台的配置服务器信息里添加域名 https的域名，并且域名必须是合法，并且是经过ICP备案 只能填入域名

微信小程序开发平台刚刚开放了一个全新的功能：云开发。 简单地说就是将开发人员搭建微信小程序后端的成本再次降低，此文刚好在此产品公测时，来快速上手看看都有哪些方便开发者的功能更新。 微信小程序一直保持一个比较稳定的节奏进行功能的开放与更新，不激进但是又不怠慢，就一直像微信产品的节奏一样，而在生活中我们使用微信小程序的频率也慢慢高起来，如 KFC 自助点个餐、下单一些较冷门的商品等等。 而我给大家免费更新的 「微信小程序开发视频教程」 大纲也一直在修正与增加，从 40 集增加到 60 集，在云开发发布后，课程估计会更新到 80 集左右。各大平台加起来已近 20w 的播放量，需要的同学可以免费观看学习、指导。 1. 公测申请与开发工具更新 首先需要在 云开发文档 的页面中申请「云开发」的公测权限，我的是半天就收到邮件通知了。 然后需要下载 beta 版的开发工具，包含了云开发的功能模块。 2. 项目初始化 按照官方的说法，可以通过直接新建一个官方的演示 DEMO 项目学习查看，通过在新建项目时选择「建立云开发快速启动模版」。 新建后的项目结构如图左侧所示，较之前的项目结构，多了云端文件存储的本地映射。 3. 云开发的功能 官方的说明如下： 目前提供三大基础能力支持： 云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码 数据库：一个既可在小程序前端操作

在微信小程序开发中，页面包含tabBar能使整个页面变的美观而又整洁。与此同时,navigator能作为导航链接，很方便的跳转到其它页面。 但在使用的时候，很多人会发现直接使用navigator不能跳转到含有tabBar的界面。解决方法很简单，就是在使用navigator时加个参数，如下： <navigator url="/pages/index/index" class='white' open-type='switchTab'>开始</navigator> 如上面的代码，只要在使用navigator时添加open-type=’switch’就可以实现跳转到含有tabBar界面的功能 来源： https://www.cnblogs.com/EarlyBridVic/p/12330558.html

一，笔记 小程序分为渲染层和逻辑层，渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本，一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端做中转，逻辑层发送网络请求也经由Native转发。 二，开发经验总结 1：点击一个链接跳转之后，再返回到这个页面，需要重新加载的版块就放到onshow()生命函数中，不需要从新加载的放到onload()生命周期函数中 2：需要加载的模块页面需要加载动画，不要都放到整个页面都呈现出一个加载动画。 3：小程序json配置文件的key必须是双引号，且json文件最后一个值不要有 " ," 逗号出现。 4：小程序中的使用图片一定要设置宽高，否则微信会默认给设置一个宽高 5：小程序中如果设置平方字体（苹果手机中才会出现的字体）： view { font-family : "PingFangSC-Thin" ; } 6：页面能写成一个一个组件拼装起来，就写成组件的形式:，这样可以实现代码复用。 7：小程序中的api用promise对象进行封装，实现一致性异步操作 //request请求 function request ( url , data , method , type ) { return new Promise ( ( resolve , reject ) => { wx

一、微信小程序开发--页面文件组成 [page.name].js 页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理　　 [page.name].wxml wxml指的是Wei Xin Markup Language 用于定义页面元素结构的. 语法遵循XML语法，不是HTML语法 [page.name].json （可选） 设置当前页面的Window的配置，此处会覆盖app.json中的window设置，也就是说，只可以设置window中设置的属性。 [page.name].wxss （可选） wxml指的是 Wei Xin Style Sheet 用于定义页面样式的语法，语法遵循Css语法，扩展了css的基本用法和长度单位 （主要是rpx 响应式像素） 二、微信小程序开发--应用程序设置(app.json) 注：如果需要用代码，请把注释删除或换行{ "pages": [ 　　　　　　　　　　　　　　　　　　　　　　//pages:用来配置页面路径的 "pages/index/index", "pages/logs/logs" ], "window": {　　　　　　　　　　　　　　　　　　　　　　　　 "backgroundTextStyle": "light",　　　　　　　　　　　　　　　　//下拉 loading 的样式，仅支持 dark / light

一、几种请求方式 Http请求 wx.request({ url:"", data:{}, header:{}, method:"GET/POST", success:function (res) { //返回的数据被封装在 res 对象的 data 属性中 console.log(res.data) }, fail:function (res) { } }) 注意不同的请求方式应用不同的请求头信息，默认 GET 方式，如果你 POST请求也是默认请求头，后台POST请求方法将无法获取data中的参数 GET 请求： header:{'content-type': 'application/json'} POST 请求： header:{'content-type': "application/x-www-form-urlencoded"} 来源： https://www.cnblogs.com/shiqi17/p/12308095.html

什么是微信小程序 小程序是一种不需要下载即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一搜即可打开应用，也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题，应用无处不在，随时可用，但又无需安装。 微信小程序优势 方便快捷，即用即走。 不需要再下载什么APP啦，既费流量，又占空间内存。小程序就是方便，即用即走。 速度快、不占内存 因为小程序前端代码都是存在微信服务器上的，在腾讯云端存放呢，所以无需加载，直接就打开了，速度也比较快。并且还不占用手机内存。 安全稳定、保密性强 其实小程序就类似苹果商店，首先需要审核才能发布。其次小程序通信采用的是https访问，SSL加密通信，并且小程序样式代码都封装在 微信小程序 里面，所以安全性更高，更稳定。 功能丰富，场景丰富 可以调用比H5更多的手机系统功能来进行开发，例如GPS定位、录音、拍视频、重力感应等，能开发更丰富的使用场景。 开发成本低、维护简便 同样的功能，做一个APP估计需要十几万甚至几十万，而开发一个小程序，一般几千元就搞定了。维护起来也比较简单方便。 附近定位、入口众多 开放的上百个入口，除了通过扫码，发送朋友，搜索，附近等常用入口外，还能与公众号关联，群发文章嵌入，公众号菜单链接等 。 注册 (1) 进入 微信 公众平台，https://mp.weixin.qq.com/，点击右上角的“立即注册”

一，小程序的文件结构 小程序包含一个描述程序的app和多个描述各自页面的page 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 一个小程序页面由四个文件组成，分别是： 下面是一个单页面的小程序所需目录： 其中： index文件夹代表一个页面。index.js脚本文件相当于JavaScript脚本文件。.json配置文件。.wxml相当于HTML模板文件。.WXSS相当于css样式文件。 utils文件夹是全局配置。app.json当前小程序的全局配置。app.js全局脚本文件。app.wxss全局样式。project.config.json工具配置，sitemap.json小程序内搜索配置。 注意：在app.json的'pages'属性中 路径不可以设置为绝对路径，否则会报错。 二，页面的配置 页面配置在 页面.json 的文件中进行配置。 常用基础配置有： 在小程序文档里有全面的配置项 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html 根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。 默认所有页面都会被微信索引。 三，view,text,image组件 来源： https://www.cnblogs.com