个人记账小程序「小记一笔」上线，轻松记录开销与收入
发表时间：2024-07-12 13:56:08
文章来源：炫佑科技
浏览次数：140
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
个人记账小程序「小记一笔」上线，轻松记录开销与收入
用户可方便、快捷地记录自己日常的支出与收入，以及各类统计数据，从而实时准确掌握自己的财务状况。
该程序现已正式上线，您可以在微信中搜索“小记笔”，点击即可使用。以下是部分效果截图：
准备
1.工具
首先去微信公众平台官网注册一个账号，登录后台后点击右上角的“文档”切换到开发文档页面，里面有各种开发小程序的教程。
然后点击“开发”-“工具”-“开发工具”链接，可以选择下载对应的小程序开发工具，目前官方提供了“64位”、“32位”、“Mac”三个平台的开发工具，你可以根据自己的实际情况选择对应的工具。
2. AppID
根据官方规定，没有AppID可以开发微信小程序，也可以在真机上调试预览，但是无法正式上线。
所以如果你只是为了好玩开发，是不需要申请AppID的微信小程序首页开发，但是如果你想把自己的小程序正式发布上线供大家使用，就需要申请AppID。
3月27日，微信小程序再次迎来重大更新，为了增强小程序小程序能力，拓展小程序使用场景，向个人开发开放注册。
如何注册？关注智小程旭（微信号）回复“0327”即可获取个人开发注册小程序图文教程。
此前只有企业用户可以申请AppID，申请时需要提供公司相关信息，并用企业账户往腾讯指定的银行账户转几分钱进行身份验证。
但现在不再需要，个人即可申请。
小程序开放个人开发申请注册后，个人用户可以通过访问微信公众平台，扫码验证个人身份，即可完成小程序账号申请并开始代码开发。
开发环境介绍
安装开发工具后双击启动，会要求管理员微信扫一扫，同意后即可进入。
和大多数开发工具一样，启动界面会列出之前的历史项目，点击项目名可以进入上一个项目，点击“+”可以创建新项目。
如果你填写了 AppID，开发后就可以发布上线了。填写项目名并选择对应的目录后，注意看下面的勾选框，这个勾选框代表官方为你提供了一个默认的小程序目录结构，里面包含了小程序正常运行所需的配置文件和主要页面。
建议大家在练习的时候勾选一下，这样项目创建好之后就可以运行了，否则需要手动创建需要的文件。我刚开始练习的时候没有勾选，不知道创建相应的配置文件，导致项目运行时各种报错，纠结了好久。
小程序默认包含pages、utils、app.js、app.json、app.wxss五个部分。
pages文件夹主要存放小程序的页面文件，每个文件夹就是一个页面，每个页面包含.js、.wxml、.wxss、.json四个文件：
utils文件夹主要用来存放一些全局的.js文件，比如封装的常用JS网络请求方法，日期处理方法等。
app.js文件是经过系统方法处理的全局文件，也就是说该文件中声明的函数和数据可以在整个小程序中使用，比如存储后台接口的API地址等。
app.json 文件是系统全局配置文件，必须包含，声明了整个小程序有哪些页面，小程序是否有标签页，标签页里的页面地址和文字。此配置文件是全局的，如果子页面的 .json 文件也有相同内容，则子页面中的配置优先。
app.wxss文件为全局样式美化文件，其优先级同样没有子页面中wxss文件中配置的样式优先级高。
开发中遇到的陷阱
快捷键：小程序开发工具中保存和编译的快捷键是“ctrl+s”，也就是说写完代码后，只要按这两个键就可以保存并重新生成。
需要注意的是，如果你写了多个页面的代码，按这两个键只会保存当前页面的代码，而不是所有页面的代码。
所以如果有时候达不到想要的效果，记得检查一下是否还有其他页面的代码没有保存。我刚开始写《小笔记》的时候，经常会发现有些页面的代码没有保存，导致没有效果。这个就需要大家小心了。
缓存：小程序的缓存可以在开发工具里手动清除，但是在真机上是无法手动清除的。所以如果要在真机上手动清除的话，就得写一个 clear 事件，点击某个按钮什么的个人记账小程序「小记一笔」上线，轻松记录开销与收入，手动调用 clear 方法才能清除，这个有点棘手。
数据接口：官方规定小程序如果想要获取后台接口数据必须使用https协议，如果后台服务器目前不支持https协议，又想在模拟器中获取数据，只需要在开发工具中进行设置即可。
点击开发工具左侧的“项目”按钮，然后勾选右侧的“开发环境不验证请求的域名和TLS版本”复选框，这样后端服务器就不需要配置https协议就可以返回数据了。
但如果小程序要正式上线，需要后端服务器提供数据，就必须配置https协议。
在开发实践中，我调用了豆瓣提供的测试接口，此接口地址支持https协议，大家在练习调用后台数据的时候也可以用此接口进行测试。
现将接口地址提供给大家参考：
真机调试&上线&体验
真机调试：开发后，如何在真机上预览代码？很简单，两步就可以搞定。
开发代码后，点击开发工具左侧的“项目”按钮，再点击右侧的“预览”按钮，会生成一个二维码，用注册时填写的微信账号扫描此二维码，即可在真机上查看效果。
需要注意的是，就拿上面查看豆瓣电影数据的例子来说，会出现真机上无法显示数据的问题，这时候只要打开手机右上角的调试模式就可以了。
上线：代码开发测试完了之后，大家肯定都想把它正式发布到网上，让更多的人用，这时候该做什么呢？
首先点击开发工具左侧的“项目”按钮，然后点击右侧的“上传”按钮并点击确定，扫描二维码同意上传，会要求填写本次上传的版本号和备注，填写完成后点击上传按钮即可上传到微信公众平台后台，如下图：
上传到后台后，可以设置为试用版，也可以直接提交审核，填写相应审核信息提交审核后，会出现审核版本，审核通过后，右侧会出现发布按钮，只有点击这个发布按钮，你的小程序才会正式发布上线，大家才能在微信里搜索到。
目前《小鸡一笔》一共提交了6个版本，腾讯审核人员一般不会在周末审核，而是在工作日审核，正常情况下一到两个工作日就能审核通过。
体验：在正式提交审核前，可以将上传的版本设置为试用版，以便非管理员也可以体验小程序，发现小程序存在的问题以便及时改正。
在微信公众平台后台的“用户身份”-“测试人员”页面，可以绑定测试人员的微信账号，只有绑定测试人员的微信账号才可以体验，并且上传的小程序版本必须设置为试用版才可以体验，大家需要记住同时满足这两个条件。
我在启动《小小笔记》的时候，一开始只绑定了测试人员的微信账号，并没有设置试用版，结果别人扫二维码的时候，总是提示没有试用权限，这一点大家需要清楚。
后端服务器
为了提供后端接口，需要服务器，比较有名的云服务器可以选择腾讯云和阿里云，我选择了阿里云，稳定高效。
一般个人使用的云服务器一年的费用不会很多，有了云服务器就要配置https协议和TLS版本，才能给小程序提供接口。
如果你购买了阿里云服务器，那么可以直接使用官方提供的免费证书，官方有安装教程，可以参照教程进行安装。
提供一个可以检测你的接口是否支持https协议的网站：
结论
小程序上线以来，出现过各种各样的声音，有乐观的，也有悲观的。
我个人觉得小程序就像几年前的微信公众号，刚出来的时候并不受待见，但经过几年的发展，微信公众号现在已经渗透到各行各业。
相信在腾讯的大力推动下，小程序会被越来越多的人接受。
*后欢迎大家使用我的小程序，使用过程中有什么好的建议记得给我反馈哦，欢迎大家给我反馈。
原文链接：
