各位老铁们好,相信很多人对企业级微服务开发框架实战教程(四十六):移动端开发整合uni都不是特别的了解,因此呢,今天就来为大家分享下关于企业级微服务开发框架实战教程(四十六):移动端开发整合uni以及的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!
授权认证、token获取、token过期自动刷新、登录注册(用户名密码登录、手机号验证码登录、APP一键登录、微信登录、微信小程序登录、微信公众号登录)注销、账户注销个人信息修改(修改密码、忘记密码、修改头像、修改昵称) 应用升级消息推送开关(app)、清除缓存(app) 指纹解锁(app)、人脸解锁(app) 多语言切换隐私权限授权弹窗box权限指导
一、新建uni-app项目
原则上可以使用任何编写Vue的代码编辑器来编写uni-app项目代码,但是为了使用uni-app官方提供的便利,这里我们选择使用官方的开发工具HBuilderX 用于uni-app 项目开发。
1、下载HBuilderX并安装
2、在HBuilderX中依次点击:文件 -新建 -项目
新建项目这里我们选择Hello uni-app项目,该项目有丰富的演示和界面模板。如果不需要该项目,可以将其删除。填写项目名称,选择Vue版本,根据项目情况选择使用Vue2还是Vue3。因为我们不使用uniCloud,使用的是我们自己的Java后端,所以这里不需要启用uniCloud。填写完以上信息后,点击创建项目,即可在项目列表中看到新创建的项目。
项目结构目录
3、配置uni-app基础信息:双击manifest.json文件可以打开uniapp基础信息配置界面,这里不详细描述,具体配置及说明请参考官方文档
uni-app基本信息
上述配置完成后,基本上就可以在手机模拟器中查看uni-app官方的例子了。
二、安装手机模拟器
在开发过程中,我们需要对界面进行调试和预览。这时候我们就需要用到手机模拟器(当然也可以直接插上数据线运行在手机上预览)。 IOS和Android都有对应的手机模拟器。 iOS手机模拟器目前只有官方版本,需要在MAC系统上运行; Android有官方版手机模拟器和非官方版。不过在之前的使用中,正式版非常卡顿,需要调整优化很多参数,非常麻烦。相反,它不是正式版本。其中很多都针对手机游戏进行了优化,使用起来非常方便。这里以夜神模拟器为例,介绍HBuilder如何连接手机模拟器进行预览和调试。
1、下载安装手机模拟器 (到官网下载,这里不能直接放地址)
2、正常按照步骤安装模拟器,安装成功后,启动并开启“开发者选项”菜单,打开USB调试模式。
在模拟器中打开设置
image.png 默认情况下不显示“开发人员选项”菜单。您需要点击底部的版本号5次才能显示“开发者选项”菜单。
image.png 点击“开发者选项”并打开“USB调试”
image.png
3、配置HbuilderX连接手机模拟器
adb(Android 调试桥)是Android SDK 中的一个工具。使用该工具,您可以直接操作和管理Android模拟器或真实的Android设备。要连接夜神模拟器,我们需要使用夜神模拟器安装目录下的nox_adb.exe文件。
在Hbuilder.exe的菜单栏中,将Android模拟器端口修改为62001。
图片.png
image.png配置完成后,需要执行命令./nox_adb.exe connect 127.0.0.1:62001 连接模拟器。我们可以在./nox_adb.exe文件所在目录中创建.bat命令的快捷方式,并将其放在桌面上。第一次使用时,只需在两台计算机上使用此.bat快捷方式即可。图片.png
nox_adb.bat内容:
.nox_adb.exe connect 127.0.0.1:62001 运行nox_adb.bat命令后,我们可以通过HbuilderX将之前创建的uni-app项目运行到手机模拟器中进行预览。单击“运行”-“运行到手机或模拟器”-“运行到Android 应用程序坞”。
image.png 这时,弹出框会显示我们已经连接的模拟器。点击运行,HBuilderX可以自动打包应用并发布到模拟器上运行,您可以在HBuilderX控制台查看运行日志。
点击image.png运行后,可以看到在业神模拟器中自动安装并打开了uni-app,我们可以在其中预览和调试我们的移动应用程序。
图片.png
本文介绍了为什么需要自己搭建uni-app快速开发框架,快速开发框架需要包含哪些基本功能,以及如何从头开始搭建uni-app开发测试环境。随后,根据需要的基本功能,介绍各个功能的详细构建过程和步骤。
【企业级微服务开发框架实战教程(四十六):移动端开发整合uni】相关文章:
用户评论
我一直想学习一下 Spring Cloud 微服务!这篇博客正好可以帮我了解如何在移动端使用 Uni。
有6位网友表示赞同!
看标题就知道这篇文章很实用,正好我最近在想如何将我们的移动应用与微服务架构结合起来呢!
有19位网友表示赞同!
“整合uni”这两个字很有吸引力,看来这篇文章会介绍很多关于 Uni 的技术细节!
有5位网友表示赞同!
希望能详细讲解 Spring Cloud 和 Uni 如何相互协作,实现移动端的开发部署。
有11位网友表示赞同!
企业级开发框架搭建,听起来就高端大气,期待学习新的知识!
有10位网友表示赞同!
移动端开发与微服务架构的结合,这确实是一块前景非常好的方向,期待作者分享经验!
有7位网友表示赞同!
这个系列文章我已经看了很多篇,质量都非常好,这次的《整合uni》一定不会让我失望!
有6位网友表示赞同!
之前没有听说过 Uni,这篇文章正好可以了解一下它的优势和适用范围。
有17位网友表示赞同!
移动开发确实是一个热门领域,学习 Spring Cloud 一定能帮助我找到更多机会!
有8位网友表示赞同!
文章的实战内容应该非常丰富,我很想仔细阅读每一部分!
有15位网友表示赞同!
“四十六”这个数字说明这篇文章属于一个系列,我对这段系列的所有内容都非常期待。
有15位网友表示赞同!
希望作者能将一些代码示例和具体案例融入到文章中,这样更便于理解和学习。
有12位网友表示赞同!
在移动开发方面,使用 Spring Cloud 微服务架构可以让应用更加灵活和高效。
有6位网友表示赞同!
我很想了解 Uni 和 Spring Cloud 在移动端如何进行数据的同步和通信!
有19位网友表示赞同!
期待作者的讲解能深入浅出,让即使是初学者也能轻松理解微服务的知识!
有20位网友表示赞同!
整合外部平台和工具一直是我的难题之一,这篇文章希望能提供一些解决方案!
有15位网友表示赞同!
学习 Spring Cloud 微服务是一种不错的技能提升途径,我可以更胜一筹!
有8位网友表示赞同!
这篇文章能帮助我更好地理解微服务架构在移动端应用场景下的优势!
有20位网友表示赞同!