小程序的开发与传统的web前端开发非常相似,相信技术人员对小程序的开发很感兴趣,这里简单介绍一下小程序的简单开发方法。
第一步:安装首先下载微信开发者工具
3359 MP.weixin.QQ.com/debug/wxa doc/dev/dev tools/download.html? t=201716
直接下载安装,然后单击“下一步”
然后扫码进入微信公众号,他会自动获得你的公众号和微信
扫描代码并登录后,选择本地applet项,单击“添加项”,然后填写相关信息。
如果AppID:企业申请获得或受邀参加内测,可以在微信公众平台上查看。 但是,对于测试,请选择无AppID。 建议您依次填写项目名称和项目目录,然后在首次创建项目时选中“创建常规快速启动模板”选项。 这有助于创建第一个demo。 步骤2 :进入创建基本配置的第一个demo时,将显示以下页面:
单击“编辑”可以看到,右侧的目录结构中有两个文件夹和根目录下的三个文件。 这三个文件分别是app.js、app.json和app.wxss。 以下将说明这三个文件的作用。
app.js
app.js是一个脚本文件,可以接收和处理applet的生命周期函数,声明全局变量,以及调用所提供的各种API。 在初始demo中调用登录接口或获取数据。
app.json
该文件由两部分组成,您可以定义页面路径、在yedbl中定义小程序的窗口背景颜色、设置导航栏样式以及设置默认标题。 您可以看到这正好对应于pages文件中的两个页面。 如果要添加新页面,则还必须在此处声明路径。 “pages”数组的页面是小程序的首页。
注意:不能在app.json中添加注释。
app.wxss
app.wxss定义了小程序的公共样式。 在此声明的样式可以直接在其他页面上引用。
步骤3 :在页面制作地介绍的这个初始demo中有两个页面。 微信小程序每页的【路径页面名称】必须写在app.json的pages上。
每个applet页面由四个不同的后缀文件组成,它们在同一路径下具有相同的名称,例如index.js、index.wxml、index.wxss和index.json。 js后缀文件是脚本文件, json后缀文件是配置文件, wxss后缀文件是样式表文件, wxml后缀文件是页面结构文件。 一次看看每个文件的内容。
index.wxml是一个页面结构,相当于我们写的. html文件。 index.wxml和. html仍然有一些区别。 我们发现上述文件中的标记与`.html `中的标记非常相似。 其他、`标签的使用类似于. html `。
index.js
index.js是页面的脚本文件,具有与以前的. js文件相同的功能。 此文件可以接收和处理页面的生命周期函数、获取applet实例、声明和处理数据、响应页面交互事件等。
index.wxss
index.wxss是页面的样式表,与. css类似。 如果有页面样式表,则页面样式表中的样式规则将复盖app.wxss中的样式规则。 如果不指定页面样式表,还可以直接在页面的结构文件中使用在app.wxss中指定的样式规则。
index.json
不需要对页面进行配置文件。 如果存在页面的配置文件,则配置项将覆盖该页面上app.json窗口中的相同配置项。 如果未指定页面配置文件,则该页面将保留app.json的缺省配置。
第四步:点击调试开发框左侧的调试进入调试界面。
调试与chrom调试代码相同
步骤5 :“项目预览开发人员”工具顶部的“设置--项目设置”模块包含当前项目的详细信息、上载以及项目的其他设置。
因为没有AppID,所以有些功能无法使用。