⼿把⼿教你⼩程序开发（菜鸟⼊门必备的官⽅教程整理）---呕⼼沥⾎之作
要说现在的经济市场，年轻⼈关注的不外乎就是直播+短视频和⼩程序了，腾讯微视的诞⽣更是给直
播添了⼀把⽕，这两者的出现极⼤的带动了相关⾏业的迅速发展，趁机也带⽕了⼀⽚⽹红城市。
⼩程序⾃2017.01.09上线以来，凭借其简单、快捷、⽅便、开发门槛低等特性⽽收获了1.7亿⽇活⽤
户、超100万开发者的青睐，仅仅⼀年就上线了58万个⼩程序、三四线(及以下)城市覆盖数达50%。取得不俗
成绩的同时，⼩程序也在不断引⼊新功能，⽐如对话分享、搜索查、关联、⼩程序切换、消息
通知等，如今⼜宣布开放插件功能。
近来，答题⼩程序⽐较⽕爆，⼀⽅⾯是凭借着背后依靠的数10亿⽤户的巨⼤流量，另⼀⽅⾯，
相⽐于直播APP，⼩程序的成本低，但是赢利点很多。这⼀点对于企业或者商家来说，借助背后庞
⼤的⽤户体很容易就能达到获客和推⼴了，也就能借此缓解电商对实体产业的冲击。
⼩程序可谓是“⽇新⽉异”。不断地给⼩程序增加导流渠道，⼩程序俨然已是当今创业的
不⼆选择。那么，做⼀个答题⼩程序，到底应该如何开发呢？⼩编趁着对这⼀块研究的热忱，趁热打铁
把⾃⼰知道的详细整理下来，希望会对准进⼊的创业者有所帮助，当然如果你想要开发⾃⼰的⼩程序或
者想获取相关知识可以和我交流。
流量⼩程序是⼀种不需要下载安装即可使⽤的应⽤，它实现了应⽤“触⼿可及”的梦想，⽤户扫⼀扫或者搜
⼀下即可打开应⽤。也体现了“⽤完即⾛”的理念，⽤户不⽤关⼼是否安装太多应⽤的问题。应⽤将⽆处不在，
随时可⽤，但⼜⽆需安装卸载。接下来，我来详细讲解⼀下：
⼩程序开发步
⼩程序申请前的准备：
⾸先，你需要注册⼀个⼩程序账号。需要⽤⼀个没注册过的邮箱注册。注册过程中需要很多认
证，⽐较繁琐。如果暂时只是试⽔、没有发布的打算，那么只要完成基本信息填写就可以，不需要完成
认证。
之后，就可以在公众平台使⽤注册的帐户进⾏登录。
然后，在主页⾯左边列表中点击设置，再设置页⾯中选开发设置，就可以看到AppID。⽽AppID 可以⽤于
在开发⼯具中进⾏登记，使⽤开发⼯具的⾼级功能。你可以到官⽹下载开发⼯具。
开始项⽬：
打开开发者⼯具，选择⼩程序选项，然后直接点击「添加项⽬」按钮。我们可以在这个步骤，填⼊刚才
注册的时候使⽤的 AppID。
如果项⽬⽬录中的⽂件是个空⽂件夹，会提⽰是否创建 quick start 项⽬。
选择「是」，开发者⼯具会帮助我们在开发⽬录⾥⽣成⼀个简单的 Demo。
这个 Demo 拥有⼀个完整的⼩程序的⼤概框架。
1. 框架
我们⾸先看⼀下官⽅提供的 Demo 含有的⽬录：
app.js：⼩程序逻辑、⽣命周期、全局变量。
app.json：⼩程序公共设置、导航栏颜⾊等，不可以注释。
app.wxss：⼩程序公共样式，类似 CSS 。
⼩程序页⾯构成类似这样：
每⼀个⼩程序页⾯是由同路径下同名的四个不同后缀⽂件的组成，如：index.js、index.wxml、
index.wxss、index.json
⼩程序中的每⼀个页⾯的路径和页⾯⽂件名，都需要写在app.json的pages中，且pages数组中的第
⼀个页⾯是⼩程序的⾸页。
这四个⽂件按照功能可以分成三个部分：
配置：json ⽂件
逻辑层：js ⽂件
视图层：wxss.wxml ⽂件
在 iOS 上，⼩程序的逻辑代码运⾏于 JavaScriptCore 中，⽽在 Android上，这个任务则是交给 X5 内核
来完成。
在开发⼯具上，⼩程序的 JavaScript 代码是运⾏在 NW.js(Chrome 内核) 中。这也导致开发⼯具上的效
果跟实际效果有所出⼊。
2. 组件
提供了许多组件，主要分为⼋种:
这其中，包含了view、scroll-view、button、form等普通常⽤的组件，也提供了地图mapcanvas
组件主要属于视图层，通过 WXML 来进⾏结构布局，类似于 HTML。样式则通过 WXSS 来定义和修
改，它的语法和使⽤都近似 CSS。
组件使⽤语法实例：
<view这是⼀个普通视图view<viewclas="mainView"样式修改过的视图view
3. API
小视频app开发⽹络
媒体
数据
位置
设备
界⾯
开发接⼝
⽹络请求接⼝包含了普通的 HTTPS 请求，⽀持上传、下载、Socket，基本上满⾜了我们开发中所需要的⽹络需求。
这些 API 属于逻辑层，写在 JS 逻辑⽂件中。
使⽤实例：
可以到官⽅⽂档 – API 查看其它 API 的使⽤⽅法。
编译运⾏
1. 模拟器调试
我们可以在提供的开发者⼯具中，使⽤模拟器查看⼩程序运⾏的效果。
之前我们提过，⼩程序的运⾏底层不同，这也导致在模拟器上的效果，会与在⼿机上运⾏有些差异。
2. 真机调试
在左边的选项栏中，选择项⽬，然后点预览会⽣产⼀个⼆维码，⽤管理员号扫⼀扫，就可以在真机上看实际效果。
我以后还会进⾏⼀些优化更新。现在只是⼀个学习 Demo，⼤家沟通学习，实际应⽤还需更多优化。
正如“之⽗”张⼩龙所⾔，未来应⽤程序形态的希望是“⽆处不在，随时访问”。⽽如今，⼩程序的功能设置正体现了这⼀理念，打通线上与线下服务之间的界限，从⽽实现应⽤程序⽆处不在的愿景，让真正成为“⼀个⽣活⽅式”。
答题⼩程序是5年内较⼤的移动互联⽹商机，率先上线⼩程序，抢占流量红利，实现营收激增！企业在做⼩程序开发时千万要切记，紧跟官⽅的脚步，⼩程序的发展才能步步升⾼。最近，在公开课上，通过企业获取的⼩程序发展⽅向信息，可以预见未来⼩程序的发展情况。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论