fwq

在微信公布小程序的文档和开发工具后，脉冲软件在第一时间进行了学习和体验，我们发现微信小程序的技术架构和开发体验让我们非常失望。 由于微信小程序的运行环境并不是一个标准的浏览器环境，而且微信的封装工作并不完善，所以我们以往开发中的很多经验并不适用。 这并非简单的开发习惯不适应，更重要的是我们的开发流程、规范将不适用。 微信小程序开发第一宗罪: 无法调用NPM包 虽然微信小程序开发工具打包时实现了require函数加载依赖，但并不是完整的CommonJS依赖管理。因为require函数仅仅能够加载项目中的JS文件，而且必须严格定义JS文件路径，路径不支持CommonJS的路径风格。例如如下加载方式都将出错： require('lodash'); require('lodash/map'); require('./foo'); 登录后复制 在微信小程序开发工具中，我们必须对应写为如下格式： require('node_modules/lodash/lodash.js'); require('node_modules/lodash/map.js'); require('./foo.js'); 登录后复制 虽然我们可以像上面代码一样加载node_modules目录中的库，但是实际运行时却发生了： 在工具的Network选项卡中，我们看到运行时加载了1000多个文件，总数据量1.8MB，而我们仅仅是在代码中加载了一个lodash库而已！这是因为微信小程序开发工具会将所有项目下的js文件视为项目文件，并进行打包。而实际开发中，我们需要很多的NPM扩展库，而这些扩展库中有大量的不需要打包的文件，例如lodash中有上千文件，而我们只需要用到其中的非常少的一部分。 另外，在开发中，我们往往需要安装babal、eslient、webpack、grunt等待开发工具，微信小程序开发工具会一视同仁将这些工具的源码也进行打包……实测开发者工具将崩溃！开发者将崩溃！我崩溃！ 所以不支持NPM包的原因，是微信开发者工具不支持CommonJS标准，不支持CommonJS标准的原因，是微信开发者工具想当然地认为项目目录下的js文件一定是项目文件，所以只实现了简单的require函数，想当然的原因是。。。 微信小程序开发第二宗罪: 无法使用Babel转码 无法使用Babel转码的原因其实仍然归结于无法加载NPM库。但是后果将十分严重。因为你将不能再使用ES6/7特性，你将无法使用async/await函数，你将和无尽的callback做斗争，你该怎样描述自己？回调地狱中的苦逼程序员？ 如果你看到这里不明白Babel为何物，那么祝贺你，因为不曾见过天堂就不知何为地狱，你无须为不支持ES6/7而烦恼。但一旦你的大脑支持了ES6/7，用过了Babel，你就回不去了，像我一样，无Babel不编码。 微信小程序开发第三宗罪: 无法重用组件 其实微信小程序开发是并非完全不能重用组件，比如W语法中支持import和 。但是那仅仅是模板可重用，并非组件可重用，因为我们认为组件在应当包含视图和逻辑。 WXML其实是基于可重用的组件，但是不允许我们自。如果你有经验，你就会明白我的意思。…

progress组件说明: 进度条，就是表示事情当前完成到什么地步了，可以让用户视觉上感知事情的执行。progress进度条是微信小程序的组件，和的进度条progress类似。 progress进度条组件示例代码运行效果如下： 下面是W代码： <!--index.wxml--> <view>     <text>问：老司机，啥时候开车？</text>     <progress></progress></view> 登录后复制 下面是代码： Page({   data:{   },   onLoad:function(options){     // 页面初始化 options为页面跳转所带来的参数   },   onReady:function(){     // 页面渲染完成   },   onShow:function(){     // 页面显示   },   onHide:function(){     // 页面隐藏   },   onUnload:function(){     // 页面关闭   }…

这篇文章主要介绍了微信小程序搭建及解决登录失败问题的相关资料,需要的朋友可以参考下 等了好久的小程序，终于在近日曝光了。现在就带大家来尝尝鲜。以下是一张随便看看的图。 一、构建微信小程序的步骤 下载开发工具考虑到微信0.9.092100的Web开发者工具对于登录做了限制,所以下载登录还是需要一点门路的，我在下面有介绍，希望大家耐心的往下面看~下载工具的地址：链接 密码: r3hc。 破解的步骤就是：将破解压缩包的两个文件，放到如下图路径: 这个是MAC路径： 应用程序->微信web开发者工具->显示包内容/Resources/app.nw/app/dist/components/create/createstep.js/Resources/app.nw/app/dist/stores/projectStores.js Win目录： E:微信web开发者工具package.nwppdiststroesprojectStores.jsE:微信web开发者工具package.nwppdistweappppservicesdebug.js 如下图： 2.下载Demo,文档 下载地址：地址密码: 587y 3.导入Demo 打开微信Web开发工具，扫码登录，大家会出现一个问题。如图： 登录失败，错误信息：Please bind your wechat account to the appid first 解决办法:下载旧版本的安装包，登录后，在打开新版本的开发工具即可。旧的指的是0.7，新版本指的是0.9，旧版本地址：旧版本，密码: zasb…

最近，微信小程序团队像打了鸡血似的，不断推出一系列新的小程序功能，以及拓展了不少小程序的入口，使得小程序的运行场景变得越来越丰富。因此，不同的进入场景，必然会带来不同的用户需求，如何能根据这些不同的用户场景，来优化和提升我们的小程序的体验呢？ 从小程序的基础库API v1.1.0的开始，场景值这一功能被正式的引入。我们可以在小程序的App入口代码中获取该场景值： //在小程序的onLaunch和onShow方法参数中可获取场景值 App({     onLaunch: function (options) {         console.log("[onLaunch] 场景值:", options.scene)     },     onShow: function (options) {         console.log("[onShow] 场景值:", options.scene)     } }) 登录后复制 目前支持的所有场景值如下： 1001    发现栏小程序主入口 1005    顶部搜索框的搜索结果页 1006    发现栏小程序主入口搜索框的搜索结果页 1007    单人聊天会话中的小程序消息卡片 1008    群聊会话中的小程序消息卡片 1011    扫描二维码 1012    长按图片识别二维码 1013    手机相册选取二维码 1014    小程序模版消息 1017    前往体验版的入口页 1019    微信钱包 1020    公众号 profile 页相关小程序列表 1022    聊天顶部置顶小程序入口 1023    安卓系统桌面图标…

微信小程序官方给了十分详细的登陆时序图，当然为了安全着想，应该加上签名加密。 微信小程序端 login: function(e) {         var that = this;         wx.login({           success: function(res){             var code = res.code;  //获取code             wx.getUserInfo({  //得到rawData, signatrue, encryptData               success: function(data){                 var rawData = data.rawData;                 var signature = data.signature;                 var encryptedData = data.encryptedData;                  var iv = data.iv;                 wx.request({                   url: '你自己的后台地址',                   data: {                     "code" : code,                     "rawData" : rawData,                     "signature" : signature,                     'iv' : iv,                     'encryptedData': encryptedData                   },                   method: 'GET',                    success: function(info){                     console.log(info);                   }                 })               }…

微信公众账号开发教程 基本原理 在开始做之前，大家可能对这个很感兴趣，但是又比较茫然。是不是很复杂？很难学啊？ 其实恰恰相反，很简单。为了打消大家的顾虑，先简单介绍了微信公众平台的基本原理。 微信服务器就相当于一个转发服务器，终端（手机、Pad等）发起请求至微信服务器，微信服务器，然后将请求转发给自定义服务（这就里就是我们的具体实现）。 服务处理完毕，然后挥发给微信服务器，微信服务器再将具体响应回复到终端。 通信协议为：HTTP 数据格式为：XML 具体的流程如下图所示： 其实，我们需要做的事情，就是对HTTP请求，做出响应。 具体的请求内容，我们按照特定的XML格式去解析，处理完毕后，也要按照特定的XML格式返回。 我们只需要一个简单的实现HttpHandler即可。 当然，微信平台还能实现更加复杂的业务，比如微信可以作为内嵌的浏览器，我们可以通过微信的链接，打开htm界面，然后实现自己的逻辑。  具体的应用步骤： 1、注册公众账号 注册地址：http://mp.weixin.qq.com/ 1）首先需要邮箱注册： 2）邮箱激活。邮箱将会收到激活邮件，点击激活链接即可。 3）需要登记个人信息。这里需要提供一些个人信息或者单位信息。 现在个人只允许注册订阅号，公司单位才能注册服务号，服务号比订阅号，功能更多，可以实现自定义菜单。 需要提供的信息，主要有身份证号码、本人手持身份证的照片，如果是单位注册，还需要单位注册号、营业执照及法人身份证及照片，感觉这个比较变态。哪个老总愿意让你给他和他的身份证合张影呢？ 注意： 同一个手机号或同一个身份证号只允许注册两个微信公众平台账号。   个人信息登记： 企业用户 企业用户上面的个人信息也要填写的，只是运营者的个人信息。 政府媒体 4）输入公众账号相关信息了。…