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

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。