淘姐妹

淘姐妹

uniapp 小程序框架 uni-app环境搭建项目

手机 0

淘宝搜:【天降红包222】领超级红包,京东搜:【天降红包222】
淘宝互助,淘宝双11微信互助群关注公众号 【淘姐妹】

uniapp是做什么的,uniapp框架,uniapp开发微信小程序,uniapp打包成app
  • 了解uni-app的发展背景
  • 掌握uni-app开发环境配置
  • 掌握uni-app项目目录结构及功能
  • 掌握uni-app应用如何运行在不同平台
  • 掌握uni-app如何打包
  • 了解uni-app应用如何发布

uni,读作youni,统一的意思。DCloud(数字天堂(北京)网络技术有限公司)基于Vue.js开发的前端应用框架,开发者写一套代码,就能发布到iOS. Android、 H5、以及 各种小程序平台。

  • 2012年,DCloud开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备
  • 2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是模式的轻应用,而是能接近原生功能、性能的动态App,并且即点即用。为将该技术发扬光大,DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟,并推进各家流量巨头接入该标准,开展小程序业务。
  • 360手机助手率先接入
  • 大众点评、携程、京东、有道词典、唯品会
  • 2015年9月,DCloud推进微信团队开展小程序业务,演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例,以及分享了webview体验优化的经验。
  • 2016年微信初决定上线小程序业务,但其没有接入联盟标准,而是订制了自己的标准。
  • DCloud持续在业内普及小程序理念,推进各大流量巨头,包括手机厂商,陆续上线类似小程序/快应用等业务。
  • 部分公司接入了联盟标准,更多公司因利益纷争严重,标准难以统一。
  • 当技术被资本绑架时,就是程序员的末日。
  • 造成混乱的局面非DCloud所愿,他们决定开发一个免费开源的框架。
  • 既然各巨头无法在标准上达成一致,那么就通过这个框架为开发者抹平各平台差异。
  • 所以uni-app诞生了

这是DCloud的初衷吗,其实并不是,uni-app只是小程序标准化无法实现后,无奈下产生的替代方案而已,是技术对资本妥协的产物。

不过没办法,世界兜兜转转,当你踏出第一步时,随后很多事不会按你的预期发展。但只要你不忘初心,你想要的那个目标,最终会换个方式实现。

HBuildX也是DCloud开发的一款编辑器,和uni-app是同一个公司开发的。可想而知,HBuildX对uni-appa支持程度极高,因此我们也就选用HbuildX作为uni-app开发的主编辑器。

  • 官网下载:https://www.【【微信】】.io/hbuilderx.html 选择APP开发版
  • 解压后即可使用
  • 安装插件:工具=>插件安装(uni-app(vue2)编译、uni-app(vue3)编译、scss/sass编译)
  • 启动HbuildX,文件=>新建=>项目=>选择uni-app=>填写项目名,项目路径=>选择项目模板:uni-ui项目=>点击创建

  • 项目结构

运行到浏览器

  • 运行到chrome浏览器:进入到uni-app=>运行=>运行到浏览器=>运行到chrome浏览器
  • 运行到内置浏览器:安装“内置浏览器插件”=>运行=>运行到内置浏览器

运行到微信小程序

  • 安装微信开发者工具,地址:https://de【【微信】】.weixin.qq.co【【微信】】/dev/【【微信】】/download.html
  • 打开服务端口:启动微信开发者工具,点击设置图标=>安全=>打开服务端口
  • 配置微信小程序路径:打开HbuildX,点击运行=>运行到小程序模拟器=>运行设置=>找到小程序运行配置下的微信开发者工具路径进行配置
  • 运行:打开HbuildX,进入项目,点击运行=>运行到小程序模拟器=>微信开发者工具=>微信小程序会自动打开并运行项目

运行到安卓手机

  • 将手机通过数据线连接到计算机
  • 将手机设置为USB调试模式,不同型号手机设置方式不同,大家可以去搜索一下
  • 运行:打开HBuildX,进入项目,单击运行=>运行到手机或模拟器=>运行-设备:Android-*****
  • 运行后,手机会安装HBuilder应用,安装完成后,就可以预览了。

运行到苹果手机

  • Windows电脑连接苹果手机,要先安装iTunes,地址&#【【网址】】/downloads/itunes
  • 将手机用数据线连接到电脑=>选择“信任“。
  • 打开HBuildX,进入项目,单击运行=>手机运行=>选择iphone设备,等待编译完成,就可以预览了。

我们将使用HBuildX的云打包功能生成安装包,并且将生成的安装包发布至公网,供用户下载安装。

  • 打开HBuildX,单击发行=>原生App=>云打包
  • 登录HBuilder账号,并完成实名认证,实名认证地址:https://dev.【【微信】】.net.cn/user/profile
  • 配置打包选项,使用公共测试证书
  • 使用安心打包,会提示安装插件,点击安装。
  • 安装完成后,点击打包,等待打包完成。
  • 打包完成后,控制台会返回安装包目录,进入目录就能看到安装包了,将安装包发送至手机,就可安装使用了。

1.3.2 发布

生成下载二维码

打包完成后,点击[一键上传到uniCloud(免费cdn、长期稳定)],新建阿里云服务空间,创建完成后,选择服务空间,就可进行上传。上传完成后,通过二维码生成器,将下载链接生成二维码,即可分享给朋友进行下载。

二维码生成器:https://cli.im/

发布到各大应用平台

由于每个平台发布规则都不太相同,这里就不为大家一一介绍了,这有篇文章说的很详细,大家有需要可以查阅一下。【【网址】】/p/148957563


买苹果手机必备知识 购买苹果手机必须知道的知识

买苹果手机必须在店里激活吗,买苹果手机必问的几个问题,买苹果手机必须要用本人身份证吗,买苹果手机必须要发票吗

近年来,随着科技的快速发展,苹果手机成为了全球范围内备受追捧的手机品牌之一。然而,对于第一次购买苹果手机的消费者来说,选择一款适合自己的手机可能会变得有些棘手。今天,我们将为大家揭秘一些选购苹果手机的小秘籍,助您轻松入手心仪的苹果手机。

第一:品牌保证,品质有保障

苹果作为全球知名品牌,其产品品质一直备受认可。无论是硬件配置还是软件体验,苹果手机都以出色的表现引领潮流。对于第一次购买苹果手机的消费者来说,无疑是一个明智的选择。作为一个苹果手机的拥有者,您将享受到持久耐用的设备,流畅高效的操作以及强大的生态系统支持。

第二:根据需求选择合适型号

苹果手机有多款型号可供选择,如今最新的iPhone系列更是在技术和功能上实现了质的飞跃。对于第一次购买者来说,建议根据自身需求和预算合理选择型号。如果您对摄影有着较高要求,可以考虑选择拥有更强大摄影能力的型号;如果您更注重性能和处理速度,可以选择配置更高的型号。综合考虑自身需求,选购合适的型号将会让您的使用体验更上一层楼。

第三:关注价格和性价比

虽然苹果手机一直以来都是高端手机的代表,但是价格也是不可忽视的因素。对于第一次购买者来说,可以通过关注价格和性价比来做出明智的选择。苹果手机在不同型号之间存在价格差异,可以根据个人预算合理选择。此外,还可以留意官方活动、电商平台等渠道,有时候会有一些优惠折扣,能够帮助您以更实惠的价格购买到心仪的苹果手机。

第四:重要的配件和售后服务

购买苹果手机时,除了手机本身,配件和售后服务也是需要考虑的重要因素。苹果手机的配件市场丰富多样,您可以选择适合自己的保护套、充电器等配件,以增加手机的使用寿命

举报/反馈