关于微信小程序:开发微信小程序的一些基本步骤

119次阅读

共计 1578 个字符,预计需要花费 4 分钟才能阅读完成。

腾讯的官网文档仍然是历史的格调,一些报错信息也仍然十分的有意思(提示信息相当不敌对),以致于无奈间接通过学习官网文档的办法来顺利完成开发。

现将一些根本的步骤记录如下:

测试账号

领有一个测试账号将有助于咱们疾速的开发各种性能。而微信坑的是:官网的链接中没有找到申请微信小程序测试账号的地址。在官网文档中找到的始终是申请微信公众号测试账号,而这个公众账号的测试账号与小程序的测试帐号是齐全的两个货色。

微信小程序测试账号申请:
https://developers.weixin.qq.com/sandbox

对 typescript 反对

官网反对了 typescript,看到这点时感觉十分的好。然而,一应用就不淡定了。官网并没有给出主动编译的 demo,这对刚入门 typescript 又比拟喜爱它的小伙伴而言是不可承受的。

在此给出一段本人用着还行的代码:

npm install --save-dev node-watch

而后在根目录下创立以下 yunzhi.js

// 创立一个子过程
const exec = require('child_process').exec;
// 调用 node-watch 监听模块
const watch = require('node-watch');

// 运行一次编译
exec('npm run compile');

// 监听相干文件、文件夹,有变动则从新运行编译
watch(['src/app.ts', 👈
    'src/types.ts', 👈
    'src/utils', 👈
    'src/pages', 👈
    'src/service', 👈
    'src/components' 👈], {recursive: true}, function(evt, name) {if (name.split('.').pop() === 'ts') {console.log('监听到 TypeScript 文件改变,从新编译中...');
        exec('npm run compile');
    }
});

console.log('云智 TypeScript 主动编译脚本已胜利运行...');

留神这的内容,换成你当前目录中有的。如果在我的项目中新增了文件夹,也留神来保护一下这个列表。

最初执行node yunzhi.js,便能够在文件产生变更时,主动的将 ts 构建为 js 文件了。

与后盾交互

即便应用了测试账号,也是不可能随便与任意后盾进行交互的。此时,咱们能够到微信小程序测试账号中找到相干的申请后盾配置,也能够在微信开发者工具中找到配置中的 本地,点击:不校验申请域名

第三方库

如果不是特地有必要,不倡议应用第三方库。如果咱们应用了第三方库,最好可能应用精减型的,比方咱们应用什么就退出什么,也不是全局引入。这次要是因为微信小程序的大小限度决定的。

尽管咱们能够在微信小程序中的根目录中找到 package.json,但你相对相不到它是不能够被间接援用的。如果你间接援用的话,微信小程序则会有情的收回谬误。

正确的姿态参考:在微信小程序中引入 rxjs

mock 数据

微信开发者工具提供了模仿返回数据的性能:Mock,启用后增加规定即可:

但我还是心愿能在官网文档中找到单元测试某个页面或是组件的单元测试办法。

http 申请

微信提供了 wx.request(options) 用于发动 http 申请。options 有两个字段,别离代码申请胜利后的回调以及申请失败后的回调:

        fail: (value) => {// 失败},
        success: (value) => {// 胜利},        

但要留神的是:这里的失败仅当申请的地址无响应时,才会执行。如果你习惯了把一些非 2XX 的状态码做为执行失败的条件,则还须要手动的进行解决。

        success: (value) => {
          const code = value.statusCode;
          if (code >= 400) {// 这才是执行失败} else {// 而这才是执行胜利}
        },

未完,待续

正文完
 0