导航菜单
首页 >  考研刷题小程序要买多大的服务器  > 刷题小程序技术实现讲解

刷题小程序技术实现讲解

前几天我发布了一个小程序

6982475594ec12ffab28280ab3128c55.png

今天讲解一下自己一个人,从零到上线一个小程序要做哪些事情(没有使用云开发)

主要分成4个部分:需求、研发、运维(部署)、其他

需求

需求部分很好理解,说白了就是你想做一个有哪些功能的应用,这部分通常是由市场部门和产品部分来做的,到研发那里其实只需要产品原型就好了,整体功能我是根据个人的一些想法来做的,具体如下。588ecdc0a438413cc8bca78299114650.png说白了,就是一个刷题的小程序,然后支持点赞收藏查询和查看记录的功能。功能截图:

首页,主要是分类,和2个快捷入口bcae1ca78a715cf9aa40664d7acf8457.png 首页问题列表,支持排序筛选

be1fbc523c9943fcdcf2beaa59dff7aa.png

问题列表问题详情及答案,可以收藏点赞

dc1e1871329213f7d41038b7802579d7.png

问题详情个人信息,可以查看历史及收藏和反馈

73097692564f6a42789bfefc81da713d.png

个人信息学分管理,为了激励大家学习特意开发的

e77d38b71152e6071e8a01274eb479ae.png

学分管理研发

研发是所有事情中,最耗时间的,也是投入人力最多的,这里讲解一些技术架构,后面再具体分章节讲技术实现。

前端 类别库/技术栈整体架构uni-app + vite + vue3 + TS包管理器pnpm网络请求uni-ajax路由拦截uni-crazy-router原子样式unocss, unocss-preset-weapp代码校验husky, lint-staged, eslint, prettier状态管理pinia, pinia-plugin-persist-uni类型导入types-sync, unplugin-auto-import

整体采用uni-app + vite + vue3 + ts来实现的。不得不说vue3跟ts的结合已经相当舒服了。

后端 类别库/技术栈整体架构nodeJs + express + TS包管理器pnpm网络请求ajax日志工具log4js代码校验husky, lint-staged, eslint, prettier启动器esno打包tsup

因为没有使用云开发,所有全套都得自己实现,整体采用nodeJs + express + ts来开发。

运维+ 部署

这部分一部分是运维工作,一部分打包发布是研发工作。当你只有一个人的时候,那就都是你的工作了

前端

前端的发布主要是vite打包后,在微信开发者工具发布,在后台提审。 接口转发使用ngnix。主要是服务器安装ngnix,配置代理转发,就是说前端访问域名,由ngnix转发到真正的接口地址。

后端

后端node服务由tsup打包代码后,由docker来部署node应用。

其他 购买服务期

想要部署应用,服务器是必不可少的,我买的腾讯云,2核4G,够用。

域名+备案

小程序规则限制,后台服务接口,必须是https和备案域名,这些我直接腾讯云搞定,买了服务器后,可以顺便买个域名,然后按照平台指引备案,通常一个月可以搞定。https证书我是安装宝塔面板,然后直接在上面申请免费证书,每3个月续签一次,作为只是接口代理转发来用,够用了。

小程序备案

9月新规,小程序也要备案才能上线了,同样按照小程序的官网规则申请备案就好了,通常需要1周时间。

应用主体、类目等

你的应用主体通常是你自己,如果你有公司可以用公司,公司主体开放的功能会

相关推荐: