闲着也是闲着,纯前端从0开发一个微信小程序到上线。

1. 前言:

其实最早从开始学习小程序的时候就想着做一款自己的小程序,以自己的视角 体验产品+项目经理的感觉。但是由于服务器昂贵的成本 以及还要多付出一定的成本去学习,也就不了了之。 后来,了解到了基于微信小程序云开发模式,开发者不需要搭建服务器 一样可以开发。无需后端 可以直接通过平台提供的ApI 进行业务开发。

2. 灵感:

自己做一个产品到上线 一定要规划好 自己的产品方向:也就是这个产品的用途,适用性。否则是很难开发下去的。我的产品灵感来自于这段 时间比较火的 打分软件 虎扑,里面各种冥场面 以及冥发言,再加上平常在摸鱼过程中 找到的一些群友奇葩的经历。因此开发了这款小程序:(吐槽下吧)。小程序主要记录,收集 平常生活中发生的事,物,及令人感到无语的事件。以供网友们吐槽;(踩坑)

3. 开发所用的技术栈:原生微信小程序+Vant ui :后台采用的是微信云开发

4. 主要的功能

首页的事项列表:(这些内容都是网友们待过的企业发生的事情,盆友们如果要跳槽面试时,可以根据上方地址条件和主体名称查询一下哦·以免踩坑

* 点击右下方的圆圈也可以自己添加 生活中的一些有(趣味)槽点的事情哦

* 最后就是一些广告位:(这些景点也是 我之前去旅游时 找的一个旅游公司。感觉他们的服务还是很到位的 所以 给他们做做宣传 )

也是加入了客服咨询的功能:这边有人咨询后 我的微信后台就会收到信息(这个APi 是免费调用的~(良心))

五:难点:

项目本身和云开发的后台 并不复杂, 一人做一个项目 所用的开发周期也不过3-5天,主要麻烦的就是:

介于平常都是项目经理带着做的项目 不用考虑ui 图 以及交互和后续的功能页面,所以一开始的页面不知如何设计才比较具有观赏性。想必这也是多数独立开发者的痛点。但是在将这一切都提前设计好,又或者有类似的项目参考后,一切就变得简单了起来。

六:踩坑:讲述一下 云开发以及上线过程中的一些坑。

  1. 介于微信云开发第一个月免费的缘故,想着白嫖时间没有过 得趁机赶紧开发完毕 然后上线 看看效果。结果用了1周时间开发完毕之后,提交发布发现无法发布。

  2. 在首页看到微信认证提示没有认证 无法提交代码,个人认证得交30块钱,好吧 我交。然后交完后 认证期间 又花费了3天时间 显示认证成功 。~~~满心欢喜的总算是可以提交发布了,紧接着发布审核:又提示 您的小程序涉及 笔记/记录/分享 类目。不属于个人认证,无法提交审核--失败,也就是说微信官方不给你审核 你必须得是企业认证 才给你过审,6,认证个人的时候没有提前说明,认证成功后 也没有退款的操作界面。现如今又要交300块企业认证。。。才给你过审 。

3.彳亍 都卡到最后一步了 寻思前面花费了这么多时间 也该看看效果了,只能找个企业 交了300大洋认证了,这一认证又是1周时间过去了。总算是备案+审核成功。然后:提示云开发服务到期了。。。。。额 好吧 又得续费,续费一月20 。

4.审核通过后 已经上线好 官方 又犯病了!!已经上线了 又提示我 名字不符合要求??这名字怎么了,我属实不理解~ 然后还不能更改 需要重新认证才能更改,重新认证又要交300块钱 !6 6 6 一次修改的机会都不给,再者说本来这种东西 在我第一次提交名称或者审核认证的时候 你就应该告诉我,而不是 我在企业认证成功之后 上线后 发个sr通知!!!!!!

七:费用问题

我的小程序到上线 总花费金额为 300(企业认证) + 30(微信认证,不认证的话用户无法搜索到你的小程序,而且你不能分享小程序 ) + 20 (云开发资源,也就是服务器的费用)

大家如果平常也想开发一个自己的程序的话 一定要提前归属/判断好 小程序的类目(所属类目)否则就会造成我这种情况,白缴费~ 但是小程序的官方对个人开发者不太友好,如果只是交30认证费 认证了个人的话 小程序开放的类目 很少,根本无法上线。

八:总结:

收获:介于我平常都是项目经理+产品经理 带着写项目,所有的内容+交互以及运营都不需要自己考虑 慢慢着就会缺乏独立项目思考的一种思维。这对于后面有开发想转 项目经理又或者产品经理的 会造成比较大的困扰。毕竟一直缺乏独立项目性质;在以后开发的日子中还得多多独立思考 才能在开发(晋升)的路上越走越远!
最后:做前端的好厚米们,如果也想开发一款属于自己的小程序的话 不妨可以看看我踩过的坑,然后再自行决定吧~
如果小程序有Bug 朋友们可以反馈一下哦,或者觉得小程序好用的话 记得多多转发支持一下哦!

相关推荐
半开半落2 分钟前
nuxt3安装pinia报错500[vite-node] [ERR_LOAD_URL]问题解决
前端·javascript·vue.js·nuxt
理想不理想v30 分钟前
vue经典前端面试题
前端·javascript·vue.js
不收藏找不到我31 分钟前
浏览器交互事件汇总
前端·交互
YBN娜1 小时前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=1 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
minDuck1 小时前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!1 小时前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。1 小时前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼1 小时前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui