小程序开发经验总结

最近一直在做小程序，工作中也遇到了一些问题，踩了一些坑，所以想着写篇文章记录下来，并借此将小程序开发的相关知识进行梳理，方便以后参考，也为刚刚接触小程序的人提供一些思路方法，互相学习，共同进步。

1、微信小程序的目录结构及配置说明

app.json是小程序的全局配置文件，所有配置项key必须使用 双引号括起来 ，value值为字符串类型的也必须使用双引号， 不支持单引号 。

1.1 pages

pages选项是必须配置的。该配置项注册了小程序所有页面的地址，其中每一项都是页面的 路径+文件名 。每一个页面都是由.json、.js、.wxml、.wxss四个文件组成，并且 四个文件的名字必须要一致 。

1.2   tabBar

tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab

1.3 usingComponents

使用自定义组件或者插件提供的组件前，必须先在这里声明

2、开发微信小程序遇到的问题及解决办法

2.1 双向绑定

微信小程序不支持通过v-model的方式实现自动双向绑定，需要给表单元素通过绑定事件，并使用this.setData来赋值实现。

2.2 computed和watch

微信小程序默认是不支持computed和watch的，如需要使用这两项功能，需要安装miniprogram-computed ，安装方法见 官方文档

2.3 对象赋值

如果给对象的属性赋值，可以使用this.setData({'obj.key':value})来赋值，但是如果给某个属性名是变量的属性赋值，通过这种方法是会报错的，经过多次尝试，发现使用如下的方式赋值成功。

let newObj = `obj.${key}`

this.setData({

[newObj]: value

})

2.4 scroll-view

当页面存在d框容器，并且d框里的内容是需要滚动条滚动展示时，如果d框下面那层的容器使用view元素的话，会导致滚动d框内容时，同时会触发d框下面那层的页面容器也会一起滚动，解决此问题可以将d框下面的容器使用scroll-view元素替代view元素

3、小程序测试和发布

由于服务器域名request合法域名每个月 只能修改5次 ，因此在本地开发小程序时，需要在微信调试工具中设置不校验合法域名。等小程序上线前再一次性将所有域名添加到小程序管理后台。

以上便是此次小程序开发中积累的一些经验，希望能给刚刚接触小程序的人提供一些思路方法，在以后的开发中，如果遇到新的问题，继续更新文档......

制作微信的小程序，需要在微信公众号的首页注册，进入小程序之后填写相关的信息，邮箱要激活，进入邮箱查看微信的激活邮件，点击链接激活，根据选择的主体类型是个人还是企业，准备相关证件，按要求填写信息，完成后补全小程序的信息即可。

制作微信小程序的方法

1、在微信的公众号首页，点击注册，选择注册类型“小程序”。

2、进入小程序，填写相关的信息，邮箱要按照要求来填写，邮箱需要激活，进入您的邮箱后点击激活。

3、进入邮箱之后查看来自微信的激活邮件，点击链接激活账号，当邮箱激活后，页面会跳转到信息登记页面再次填写信息，需选择主体类型。选择个人，根据提示填写内容即可，选择企业，需要准备好营业执照注册号，然后填写内容。

4、点击确定后前往小程序，在完成微信认证之后就可以创建自己的小程序。最后点击填写，补全小程序的基本信息，需要改好小程序的名称、图片，写好120字以内的简介，完成后发布即可。

如何创建一个微信小程序，这里有个图文版请收下：

1、登陆微信公众平台；

2、选择「立即注册」；

3、选择「小程序」；

4、填写邮箱，按提示在邮箱进行验证；

5、按提示选择主体类型进行注册。

就是这么简单，你学会了吗？注册一个微信小程序，仅仅只需要5分钟

微信小程序是一种不需要下载安装即可使用的应用，用户扫一扫或者搜一下即可打开应用，做一个微信小程序首先需要经过注册及审批，之后再获取开发文档根据规范进行开发就可以了，懂程序的可以依靠开发者工具自行开发，或者外包给专业的小程序制作开发团队。

怎么做一个微信小程序

注册阶段

一、首先你要确定小程序的定位、目的以及文案资料等(准备工作)。

二、打开微信公众平台官网，点击右上角的“立即注册”

三、在“选择注册的类型中”选择“小程序”

四、完善账号信息

五、邮箱激活公众平台账号

六、完善信息登记。

按照流程信息填写完成后则代表认证成功，这时则可以开始创建小程序了

开发阶段

一、登录微信公众平台

就能在菜单“开发”---“基本配置”中看到小程序的AppID了

小程序的 AppID 相当于小程序平台的一个身份z，后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

有了小程序帐号之后，我们需要一个工具来开发小程序。

二、前往“开发者工具”下载页面，安装“开发工具”，开发工具有windows64、windows32、mac三个版本，可根据实际情况，选择适合自己电脑的开发工具。

安装后，就可以直接启动开发者工具了。

三、在小程序管理页面，点击“添加项目”

四、填入申请到的小程序的AppID、项目名称

五、然后点击“选择”，新建一个文件夹作为新的项目目录。再次点击“添加项目”，就可以新建出一个微信小程序项目了。懂程序的可以依靠开发者工具自行开发。但是如果你只是个小白，那你可能就需要专业的小程序制作开发平台来帮你。

六、制作完成的小程序提交到腾讯审核，一般待7-14个工作日审核通过后你就可以拥有自己公司的微信小程序了。

小程序开发可以使用以下框架：

1. 微信官方框架：使用微信官方提供的框架进行开发，可以快速上手，但功能相对较少。

2. uni-app框架：uni-app是一个基于Vue.js的开发框架，可以同时开发多个平台的小程序，如微信、支付宝、百度等。

3. Taro框架：Taro是一个多端开发框架，支持小程序、H5、React Native等多个平台，可以实现一次编写，多端运行。

4. mpvue框架：mpvue是一个基于Vue.js的小程序开发框架，可以使用Vue.js的语法进行开发，同时支持小程序原生API。

如果没有编程代码经验，可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。

---