wx小程序 - ocean111/oceanblog GitHub Wiki
2016/9/27 这两天被微信小程序刷爆了朋友圈,继服务号 公众号 订阅号 之后又一 鼎力之作, 都说小程序的出现会取代APP我不这么认为,目前的小程序还处于初级阶段,并不完善,可定制化很差,过于借助微信, 还是解决了一定的问题,微信耗内存,需手动卸载;小程序的基础还是H5,H5与APP还是泾渭分明的,H5降低用户第一次进入的门槛, 但是二次进入的门槛可是比APP要高不少,APP尽管首次的门槛很高,但是二次进入的门槛却降的非常低。 说了这么多看看针对首次200个小程序测试名额,跟着大牛走一走流程
小程序开发教程1
-
首先,注册一个账号,注意不可直接使用服务号 或者 订阅号的 appID,利用账号去查看微信小程序的 APP ID,还需绑定开发者账号。
-
创建项目
-
我们需要通过开发者工具,完成小程序创建和代码编辑,借助申请的APPid,选择本地文件夹作为存储基地,如果是一个空文件夹,则会提示创建一个quick start项目,选择 是 ,然后生成demo。通过手机模拟 测试模拟 预览效果。
-
然后,编写代码。
-
点击 左侧【编辑】按钮,能够看到这个项目,并初始化。包含app.js app.json app.wxss 其中.js 是脚本,.json是配置文件,.wxss样式文件。
-
app.js在这个文件中,监听并处理小程序的生命周期函数、声明全局变量,调用MINA提供的丰富的API。
-
app.json 对整个项目配置,我们可以定义有那些页面组成,配置小程序的窗口 背景色 配置导航条样式 默认标题 该文件不可添加注释
-
创建页面
-
微信小程序的每个页面的【路径+页面名】都需要卸载pages中,pages的第一个页面是首页,
-
使用模板引擎 对页面进行渲染,index.js中我们可以监听并处理生命周期函数,获取实例,声明处理数据,相应页面交互事件。
-
对应的每个页面的js css 都可以对app.js app.json进行覆盖 如未进行设置 则会自动引用底层文件
-
特色完全使用开放的接口,必须采用他提供的组件 外部的框架 插件都不能使用
-
做不了迁移 完全是二次开发