uniapp一套代码开发app和微信小程序

为什么选择uniapp开发?

为什么选择uniapp进行开发?
1、uniapp对于独自开发是相当友好的,一套代码可以兼容app(安卓,ios),小程序,h5等,一定程度上降低了开发的成本,个人开发的压力也在某种程度上减小了。
2、uniapp语法,如果开发人员有一定的前端基础,并且对vue有一定的了解,那么上手是很容易的
3、本人是一名Python的后端开发人员,由于公司没有单独的前端开发人员,所以就由我负责本次项目的前端开发,由于该项目是以app的形式,就个人而言,虽然也做过相应的前端工作,但是更多是网站的,这是我第一次开发app,所以在开发前也是做了一定的功课的,包括评估开发工具,上手的难易程度以及到后期的打包发布。

开发准备
  • 首先需求分析,每个项目的目的是不一样的,根据不同的需求,界面的设计也是不同的,首先就需要有一个大致的架构,但是如果你的团队是很富足的,拥有一个ui,那你跟着他的图做就好了,其次就是考虑你的技术的,毕竟前端的小特效还是有的,前端基础不足的话,学习是需要的。
  • 由于我是个人开发,所以整个团队就是我了,app的搭建以及界面的设计都是看我的构思了(当然还是要参考老大的意见的,卑微的乙方),个人开发的话,我建议当然是去参考其他的app,是参考不是抄袭啊!!可以结合自己的使用体验,去调整app的使用流程,简单来说就是怎么体验感好怎么来,把你不喜欢出现的流程全部去掉,反正简单明了易操作就是重点了。
工具的选择
  • Hbuilder ,我选择的是Hbuilder这个开发软件,它就内置了uniapp的一些模板,其实当选择uniapp是,工具也是会给你推荐Hbuilder的,只是我一开始是先选了工具,再选的用什么开发,Hbuilder可以直接打包成app,这也是我觉得很方便的,以下是打包过程:
    在这里插入图片描述
    在这里插入图片描述
    Hbuilder是带内置浏览器的,你边修改就可以看到修改的效果,不用来回的切屏了,当然有副屏的话也不存在这个问题了
关于uniapp转微信小程序的问题

1、首先uniapp本身的代码是可以兼容到微信小程序的,如果要查看微信小程序的样式,就需要安装好微信开发者工具下载地址
在这里插入图片描述
2、但是了解微信小程序的应该知道,微信小程序是限制最终的代码大小的最多不超过2M(2048KB),如果是app转微信小程序的话,大小的悬殊就有点大了,一个稍微完整一点的app最终下来也肯定会大于2M,这就可能导致会出现无法真机测试的问题,当然真机都无法运行,最终的审核发布肯定也是不行的。

解决办法:分包,官网有对应的解决方案可以参考。分包之后路由需要做相应的修改,否则所有的跳转都是没法正常使用的

开发问题

1、当某个界面在脑中已经有一定画面时,如何来开发?(我也是新手,仅做参考)

  • 先搭建框架,将整个界面的架子搭建好,在往里面添加对应的内容,简单来说就是画框把你要的格局列出来
  • 特效不是一定要自己挨着来写的,网络上有许多很漂亮的特效,如果碰到你可以用的,一定要收藏,说不定你就会用到,对于新手来说,自己写花费的时间是很久的,没必要浪费这些时间,还是要借鉴别人的经验的,可以二次修改嘛,现在很多厉害的大牛都是会发布简单版本的,方便其他同行二次修改,借鉴无罪
  • 插件市场是真的可以用的,要花钱的可以省着,但是迫不得已还是可以购买的,但是一定要看清楚购买须知,不然买到一个空项目,你也没地说理去,插件市场是有很多免费的插件可用的,只需要下载下来然后修改成自己需要的内容,该删除的就删除,保留自己需要的内容(那有人可能会说看不懂别人的代码啊,怎么修改都不知道,那能怎么办呢,那就自己写吧🤷‍♀️)

2、接口的对接?

  • 首先接口一开始就应该规划好,放在什么地方,这个是需要统一管理的,绝对不能放在每个界面的js中,否则后面绝对会疯的,界面越多越难管理,可能后期连哪个界面用了什么接口都不知道,所以个人的建议是一定要统一管理
    在这里插入图片描述

以上仅个人的一些开发经验,在此进行分享

  • 16
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
App微信小程序可以在不同的开发环境中进行开发App开发可以使用各种跨平台开发框架,如uniapp、React Native、Flutter等。其中,uniapp是一种基于Vue.js的跨平台开发框架,可以使用一套代码兼容多个平台,包括安卓、iOS等。在uniapp中,可以使用Hbuilder等开发工具进行开发和调试。\[1\] 微信小程序开发需要使用微信开发者工具,该工具提供了一个集成开发环境,可以进行小程序开发、调试和发布。在微信开放平台注册appId后,可以使用微信开发者工具进行小程序开发和调试。\[2\] 因此,App微信小程序可以在不同的开发环境中进行开发,具体选择哪种开发方式取决于项目需求和开发者的技术背景。 #### 引用[.reference_title] - *1* *3* [uniapp一套代码开发app微信小程序](https://blog.csdn.net/weixin_43958804/article/details/107083423)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Android App跳转微信小程序教程](https://blog.csdn.net/qq_39221436/article/details/124603542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值