小程序

本文是微信小程序入门系列第一篇文章，主要有以下几点内容： 1. 教程安排 2. 小程序背景及应用场景 3. 小程序优势及局限 4. 入门必备 》》》学习安排 以上顺序可能会有变动。 》》》背景 在PC互联网时代，想必大家都经历过这样的情形：时不时收到软件更新提示，等几分钟甚至更长，下载安装完成后，忘记了登录帐号或密码。还例如公司心接入ERP系统，你电脑就需要安装客户端，每次升级都需要手动下载安装。 在移动互联网时代，同样上演着PC互联网C/S架构无法避免的问题，你的每项需求都需要安装APP，越来越多的APP应用即将占满手机存储空间. 那么有没有一种软件架构既不需要下载安装，又能够提供像客户端一样流畅友好的用户体验呢？ 答案是 + ； 》》》什么是小程序？ 小程序是一种运行在微信客户端，继微信订阅号、服务号、企业号之后新的微信应用形态，既无需下载安装，又有近似原生应用的体验。 它由javascript+WXML+WXSS混合编写，但不是运行在浏览器之上，所以一定程度上避免了浏览器体验不流畅的问题。 》》》 应用场景 小程序比较适合服务性APP，也就是张小龙所说的用完即走。并不是所有的服务都适用于小程序，但是大部分服务和初创公司都可以接入自己的小程序，如果你的产品有一下特点： 1. 流程简单 2. 低频 3. 非刚需…

第一次正式开发一个小程序，就从以下几个方面来谈一谈小程序的开发过程和心得吧，主要说说这次项目中用到的功能。 数据请求 这次的小程序，没有太多的附加功能，所以数据以及对数据的处理是这次的主体工作，小程序向用户提供API，供用户向自己的服务器请求数据，值得一提的是，开发小程序之前，需要先在微信公众平台申请appID，并且绑定域名，域名必须是https协议，然后在小程序的开发工具的配置信息中完善信息，请求的地址需要在前面绑定的域名下。这个项目中用到wx.request从服务器拉取数据。 wx.request({       url: that.data.couponData.requestUrl,       data: that.data.couponData.queryData,       header: {           'content-type': 'application/json'       },       success: function(res) {           var list = res.data.goodsList;           console.log(res.data);           for(var i in list) {               list[i].quanUsedNum = parseInt(list[i].quanTotalNum) - parseInt(list[i].quanRemainNum);             list[i].isImgRendered = false;           }         list[0].isImgRendered = list[1].isImgRendered = list[2].isImgRendered = list[3].isImgRendered = true;           that.setData({"couponData.totalPage":res.data.totalPage});           that.setData({"couponData.list":that.data.couponData.list.concat(list)});         that.setData({"couponData.loadmore":!that.data.couponData.loadmore});           that.setData({"couponData.queryData.pageNum":parseInt(that.data.couponData.queryData.pageNum) + 1});           if(that.data.couponData.queryData.pageNum > that.data.couponData.totalPage) {             that.setData({"couponData.isAction":false});         }         if(that.data.couponData.list.length  登录后复制 数据缓存 这里使用数据缓存是因为需要做一个搜索功能，就涉及到页面之间的数据传递，放在地址中也是一种方法，借用一下localStorage也可以，使用wx.setStorage将数据存储到localStorage中，页面跳转之后，在从localStorage中读取就可以了，读取数据的时候分同步读取和异步读取。…

本文解答人们关心的微信小程序问答和技术问答，和如何发布小程序应用等问题，小程序开发后，不能直接发布，需要经过审核，类似app store。这是好事。 微信小程序问答 问：小程序是什么？它有着什么样的功能？ 答：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 问：我是一个开发者，目前没有收到小程序的测试邀请，有什么渠道可以申请注册小程序？ 答：目前，小程序仍然处于内测阶段。全面开放申请后，主体类型为个人、企业、政府、媒体或其他组织的开发者，均可申请注册小程序。 问：现在已经有部分帐号收到小程序的内测邀请了，接下来是否会继续开放内测邀请？ 答：关于小程序的上线节奏：本次内测采用邀请制，其内容客户端暂时对用户不可见。之后小程序会全面开放申请，所有小程序将在统一时间向用户开放。 问：小程序可以和现有的App 打通吗？ 答：小程序可以借助微信联合登录，和开发者已有的App 后台的用户数据进行打通，但不会支持小程序和App 直接的跳转。 问：微信已经有了订阅号、服务号、企业号，小程序和这三者有什么不同？ 答：小程序、订阅号、服务号、企业号目前是并行的体系。 问：外界有说法称，小程序的推出意味着微信要做一个应用分发市场，是这样吗？ 答：微信推出小程序，并非想要做应用分发市场，而是给一些优质服务提供一个开放的平台。 微信小程序技术和如何发布问题 1、小程序的开发文档是微信提供的所有开发文档里最详细最丰富的。 2、微信不仅提供丰富的API，还提供了足够多的框架和组建。 3、接口和框架异常丰富，包括：视图、内容、按钮、导航、多媒体、网络能力、罗盘、重力感应、画板等。 4、有了这个框架和丰富的组件，小程序的启动和运行速度将可以和原生app媲美。能实现的功能也将被纯网页的服务号要多得多。 5、微信不仅提供了详细的文档，还提供了多平台的开发工具，包括Mac、Linux、Windows。 6、小程序开发后，不能直接发布，需要经过审核，类似App Store。这是好事。 7、微信除了提供开发文档，还提供了比服务号更详尽的设计规范，还有布局时会用到的控件。 8、不像完全基于网页的服务号，小程序将拥有缓存能力。想象一下这是多么美好的事。…

这篇文章主要介绍了asp.net微信开发中有关开发者接入的相关内容，需要的朋友可以参考下 先上图，看一看需要进行哪些项目的操作：   在项目的根目录或者特定的文件夹内，创建一个ashx文件(一般处理程序文件)，如图  public void ProcessRequest(HttpContext context)  {   context.Response.ContentType = "text/plain";      string postString = string.Empty;   if (HttpContext.Current.Request.HttpMethod.ToUpper() == "POST")   {   using (Stream stream = HttpContext.Current.Request.InputStream)   {    Byte[] postBytes = new Byte[stream.Length];    stream.Read(postBytes, 0, (Int32)stream.Length);    postString = Encoding.UTF8.GetString(postBytes);   }   if (!string.IsNullOrEmpty(postString))   {    ResponseXML(postString);//返回给微信用户信息   }   ///加载自定义菜单   string postData = "{" + " ";   postData += ""button":[ " + " ";   postData += "{ " + " ";…

小程序开发的趋势：在未来小程序将重构人们的生活习惯，通过小程序就可以解决我们日常生活的需求，而且现在使用小程序的人也越来越多，小程序电商将迎来一次大爆发。 经过一年多的发展，小程序在移动互联网中获得了很多人的认可，终于成为整个互联网行业的风口。那么，在小程序未来的发展中，又有那些值得关注和思考的趋势呢？ 【推荐教程：】 小程序开发的趋势： 1、小程序重构人们的生活习惯 当微信连接起它的10亿用户，当微信能够解决我们工作、社交、娱乐、购物等等多种需求的时候，微信就已经融入了我们的生活中，与现实生活相辅相成。 一方面，小程序拥有极低的获客成本和极快的获客速度，上线30天用户过百万，这种新闻屡见不鲜。另一方面，微信完善的基础设施和小程序极低的开发成本，大大降低了创业的试错成本。 两方面相结合，在未来我们可以看到，小程序开发者会越来越多的发掘线下场景，更多的小程序会更贴切人们的生活习惯、生活方式。 2、将解决小程序留存偏低的问题 从小程序上线以来，留存率偏低的问题一直是让小程序开发者非常头疼的问题。 留存太低将极大地影响小程序的可持续发展，这点微信官方也是看在眼里，愁在心里。 在不久之前，微信官方曾释放出一个很明确的信号：将通过功能更新，提升小程序的用户唤醒能力。这意味着，沉睡中的用户可能被二次唤醒，开发者将会有更多机会把“游客”转化为粉丝。 3、小程序用户时长增加 在微信“跳一跳”的拉动下，小程序游戏成为小程序最好的一种推广方式，数亿人从「没听说过」到「每天玩几句」只用了短短几周时间。 再加上拼多多、礼物说等各类小程序的推广，用户对小程序的接受度和依赖度大大提升。 随着用户习惯的养成，小程序使用频次和平均用户时长上升是必然趋势。 4、小程序电商将会迎来一次大爆发 电商3.0时代，以人为中心，是基于体验和分享的去中心化的社交电商，社交电商将借助小程序实现大爆发。 有赞创始人 白鸦曾表示：社交网络将是最大的购物场所，微信连接一切。拼多多的崛起、有赞收费之后业务不降反升都可以侧面印证。 电商小程序因为具备顺畅的变现路径，备受热捧。其中，礼物说、SEE小店铺、享物说等小程序玩家的火爆，也证实了社交+小程序+电商的巨大潜力。 5、游戏类小程序成掘金新方向 游戏本身就具备了天然的分享属性，引入游戏将极大的丰富小程序生态，而小程序游戏的吸金能力众所周知。 据腾讯互娱统计：表现优秀的小游戏次留能达到50%；而“跳一跳”更是其中翘楚，留存率次留率为65%、三日留存率为60%，七日留存率为52%，DAU峰值达到了1亿多，成为用户规模最大的游戏之一。 随着小程序游戏对开发者开放，两、三个月时间，市场上已经产生百花齐放的趋势，“海盗来了”“欢乐球球”“头脑王者”等等小程序游戏已迅速席卷各个微信群。 6、小程序备受资本热捧 近年来 2018年3月21日，小程序”SEE小电铺”获红杉资本领投…

在这里首先声明一个小程序文档的bug，导致大伙们在请求的时候，服务器收到不到参数的问题 示例代码： wx.request({  url: 'test.php', //仅为示例，并非真实的接口地址  data: {  x: '' ,  y: '' },  header: { 'Content-Type': 'application/json' },  success: function(res) {  console.log(res.data) }}) 登录后复制 其中header 中的Content-Type，应该用小写content-type才能让服务器收到参数。让我折腾的好久，改了服务器仍然不行，原来是这个问题。参数在request payload中，服务器不能收到，使用如下转换之后 function json2Form(json) {   var str = [];   for(var p in json){   str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));   }   return str.join("&"); } 登录后复制 图片：1.png 最终还是认为是content-type的问题。最后改小写就ok，觉得微信这么牛逼的团队，犯了一个很低级 的错误，把我开发者折腾的爬了。不说，上代码吧。 1 、Http请求的类 import util from 'util.js';/**  * url 请求地址…

今天栏目为大家记录微信小程序的踩坑。 最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开发过程中的一些问题： 1. 样式优先级混乱 在使用button组件时，发现在class中设置width不生效，下面贴上代码： .my-button{ width: 140rpx; height: 60rpx; line-height: 60rpx; padding: 0; }复制代码 登录后复制 经过微信调试工具排查后，发现user agent的样式优先级居然大于我们自己写的样式类，这在浏览器中基本是不可能发生的事情 解决方案其实比较简单，给width添加!important的后缀或者style=”width:140rpx”即可，修改后我们再看一下效果： 加上!important之后，其实宽度的实际效果已经符合我们的预期了，但是微信调试工具却仍然显示user agent样式优先，这应该算是调试工具的一个bug吧。 2. 普通UI组件封装，参数定义繁琐 一般UI视觉稿中的基础组件，例如button，是有特定样式的：比方说背景色/字体。利用小程序的Component函数封装成组件，编写默认样式并接收外部传入的class，可以方便后续开发。 React有 这种写法，即组件接收props不做处理，只透传给下一个组件，但小程序不支持这种写法（苦搜无果，官方文档也没有说明）。 这就意味着我们需要把所有button组件支持的参数都罗列在properties中： properties:…

微信小程序 template模板详解及实例 首先看一些官方的一些介绍。 模板：模板功能是通过对template 标签的属性 name=”” 去创建不同模板，通过is=”name的值”来使用。 通过上面两张图，大概能看出，使用模板可以为大量类似的布局带来便利。下面看一下我自己的一个Demo. 先放出效果图（数据来自聚合数据） 可以看到，除了选项个数的差别之外，其他布局是相同的。 下面的每一道题的模板。 <template>  <view>   <view>第pw_item.id题</view>   <view>pw_item.question</view>   <view><image></image></view>   <view>A：pw_item.item1</view>   <view>B：pw_item.item2</view>   <view>C:pw_item.item3</view>   <view>D:pw_item.item4</view>   <view>答案:pw_item.answer</view>   <view>解释:pw_item.explains</view>  </view></template> 登录后复制 在我们上面的代码中，除了使用template标签定义模板外，还是用了条件渲染。例如当题目为判断题的时候。CD选项是没有数据的，所以就不能显示出来，我们可以通过if语句判断是否为空来决定显示与否。 下面放出代码。 CarUtils.js /**…

创建小程序的步骤：注册微信公众平台小程序账号。登录微信小程序开发者工具创建项目。开发小程序，编写代码。预览小程序效果。提交代码审核。发布小程序。小程序上线审核。 创建小程序的具体步骤和方法 第一步： 注册微信公众平台账号 访问微信公众平台网站：https://mp.weixin.qq.com/ 点击右上角“立即注册”，选择“小程序”类型进行注册 第二步： 创建小程序项目 登录微信小程序开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 点击“新建项目”，填写小程序名称、AppID 等信息 第三步： 开发小程序 根据小程序功能需求，编写代码。可使用小程序框架提供的组件和 API。 小程序代码包含 app.js、app.json、pages/index/index.js、pages/index/index.wxml 等文件。 第四步： 预览小程序 在小程序开发者工具中，点击“预览”按钮，可以在真机或中预览小程序效果。 第五步： 提交代码审核 完成开发后，点击“提交代码审核”按钮，将代码提交给微信官方审核。 审核通常需要 2-3 个工作日。 第六步：…

本篇文章带大家理解一下微信小程序中的双线程模型，聊聊什么是小程序的双线程模型？为什么小程序不使用浏览器的线程模型，而使用双线程模型，希望对大家有所帮助！ 有过微信小程序开发经验的朋友应该都知道“双线程模型”这个概念，本文简单梳理一下双线程模型的一些科普知识，学识浅薄，若有错误欢迎指正。 我以前就职于「小程序·云开发」团队，在对外的一些培训和技术分享里经常被人问到这样一个问题：“微信小程序与 Web 网站在技术层面的主要区别是什么？”，在编程语言和范式上，小程序开发与 Web 前端开发非常相似（比如都用 JavaScript 语言、与 HTML/CSS 非常相似的 WXML/WXSS 等），可它却没有直接用原生的前端技术。【相关学习推荐：】 与 Web 网站相比，以微信为宿主的小程序更需要考虑安全、性能等因素，保障小程序不会对微信App本身产生安全隐患，同时要尽量达到接近原生应用的性能和用户体验。这是为什么小程序不直接用浏览器的线程模型，非要自己弄一套双线程模型最主要的两个原因。 那什么是小程序的双线程模型呢？ 理解一个新概念或技术的最好的方法就是给它一个参照物，所以要搞清楚小程序的线程模型，首先要对浏览器的线程模型有一定的了解。 浏览器是多进程的 可能每个前端工程师在刚入行的时候都不止一次地被面试官问到“怎么理解前端的单线程？”，因为前端核心技能之一的 JavaScript 语言是单线程的，充分理解并掌握JS单线程的运作方式对一个前端工程师来说是最基本的要求。但是很多初学者容易走入的一个误区：错误地把 “JavaScript 单线程”理解为“浏览器单线程”。 事实上，浏览器内部架构很复杂，只不过在处理 GUI 渲染线程和 JavaScript…