我们需要使用的开发工具
1.微信网页开发工具2.idea 3.git
微信开发者工具是必须的,其他两个是可选的
一、搭建一个小程序项目
1.如果你开发过微信项目小程序开发,可以基于微信框架开发程序。需要有账号,小程序也不例外小程序开发,先申请小程序账号。
小程序接入指南
应用 完成小程序后小程序开发,登录小程序后台,设置小程序基本信息。设置好小程序的基本信息后,需要注意小程序的秘钥和appid,然后设置小程序访问的后台接口的地址
此服务器域名需要与小程序后台连接。确认这里需要配置请求后台接口,否则无法获取后台数据。同时,后台还需要配置小程序的appid和秘钥。如何搭建这个背景这里就不介绍了。
2.使用开发者工具搭建项目的基本结构
在项目目录中选择一个空文件夹,自动选择模板进行开发。点击创建/确定,就可以看到这个界面了。同时在我们的电脑文件夹里会有我们的开发者工具
为我们生成的基础项目的结构
这是微信网页开发工具为我们生成的基本小程序项目结构
3.用idea进行项目开发
首先,为什么我们用idea来做小程序开发web开发工具,它也可以开发,并且有编辑功能。这个微信web开发者用它来查看效果并上传代码进行开发
如果还是用这个idea,那就更习惯用了,功能更强大
如何使用idea这里不多介绍使用idea开发小程序。我们需要代码高亮,然后我们需要了解小程序中文件的构成
js为后缀文件为js文件(这个与当前问题文件夹下的wxml相关联,不需要像之前的前端开发那样通过脚本引用到对应的js。这里的js logs.wxml对应的就是这个logs.js,即使你的wxml不需要js也需要按照这个项目结构来构建项目)
后缀为json的文件(这个是小程序中整个日志页面(模块)的功能配置,比如配置当前页面的标题这个页面叫做日志页面或者日志模块,还有一些其他的配置是在json里面配置的,一般都是一些固定的配置)
还有wxml,其实就是h5中对应的html和wxss h5中的css主要是js wxss文件或者不需要在wxml中引入,因为小程序的规范已经定义好了
那我们知道了这个文件是什么意思后 小程序外包定制 ,我们就在idea中使用css解析wxml,使用html解析wxml并设置好
在文件中输入idea,使用wxml作为html解析wxss作为css解析
p>
这样我们就可以在idea中开发小程序了
至此,我们已经完成了前期的开发准备工作。关于app.json和app.js 小程序开发系统 ,见第二篇
发现、改变
探知、求新
共享,感恩一路相伴
昱远品牌形象已完成全面升级
点击访问新官网