1、前言
??首先,你要为自己申请一个AppID。小程序的 AppID 相当于小程序平台的一个身份证。切记,每个邮箱仅能申请一个小程序。如果你用该邮箱注册了公众号等,那该邮箱就不能注册小程序了。(因为都是腾讯的产品)同时,对于个人小程序,个人的微信号只能注册绑定5个小程序。一般来说,我们都是申请个人小程序。
2、创建项目
??接下来进入微信开发者工具,我们开始创建一个新的项目。项目名称可以自己改,位置我是放到了E盘。默认使用云服务(推荐)。 ??AppID需要进入小程序后台管理登录页查看:
3、代码和目录结构
??如果你是新手,你搜素微信小程序HelloWorld,会有很多视频告诉你要删这个删那个。确实很多东西没有用,但是不要着急删,你如果学过传统前端技术(html、css、javascript),你会发现二者其实是挺相似的。你可以看看这个文件夹是干啥用的,尝试修改代码然后编译看看有什么变化。 ??cloudfunctions是默认的云函数文件夹,下面存放的全部都是云函数;miniprogram是默认的小程序项目文件夹。没别的情况,不要改这两个名字。如果你真的想改,重命名文件夹后,还要在project.config.json文件中修改相应代码。 ??在miniprogram文件夹下面有组件文件夹(components)、图片文件夹(images)、页面文件夹(pages)、样式文件夹(styles)等,除了以上的文件夹,还有全局文件——app.js、app.json、app.wxss。 ??值得注意的是,在components文件夹下的chatroom文件夹中,自定义了一个组件(不是页面,而是一个构成页面的组件),通过json申明:
??通过观察我们可以发现,一个模块通常由四个文件构成: ??最基本的,小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件 | 必需 | 作用 |
---|
app.js | 是 | 小程序逻辑 | app.json | 是 | 小程序公共配置 | app.wxss | 否 | 小程序公共样式表 |
??一个小程序页面由四个文件组成,分别是:
文件类型 | 必需 | 作用 |
---|
js | 是 | 页面逻辑 | wxml | 是 | 页面结构 | json | 否 | 页面配置 | wxss | 否 | 页面样式表 |
??每一个模块/页面都以单独的文件夹进行保存,共同构成小程序。通过文件夹命名,不难猜测addFunction就是作用是添加的函数模块,databaseGuide肯定是数据库向导页面模块… ??特别的,工具型js文件、样式型wxss文件可以放在一个单独的文件夹中,我们可以灵活变通。 ??小程序根目录下的 sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。默认情况应该是都可以被索引。 ??最后,全局文件都以app命名,全局文件内部申明的资源可以作用到所有文件中。 ??值得注意的是,不同类型的json文件对应着不同的配置:
- project.config.json:可以在项目根目录使用该文件对项目进行配置。比方说指定小程序源码的目录、指定腾讯云项目的目录等
- app.json:可以在小程序根目录使用该文件对微信小程序进行全局配置。
- .json:每一个小程序页面可以使用同名 .json 文件来对本页面的窗口表现进行页面配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项。
- sitemap.json:上文已讲过sitemap配置。
4、总结
??以上知识点均从官方文档中结合我的思路整理出来,是我的个人总结和经验。更加细致的讲解请参考官方文档。 ??如果你觉得不错的话,请点个赞或点个关注支持一下博主吧。有错误也请指出,谢谢!
|