前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app跨平台框架介绍和快速入门

uni-app跨平台框架介绍和快速入门

作者头像
追逐时光者
发布2021-09-28 10:05:01
9080
发布2021-09-28 10:05:01
举报
文章被收录于专栏:编程进阶实战编程进阶实战

前言:

  首先今天主要介绍的是一个多平台的前端框架uni-app,关于多平台的前端框架网上有很多成熟的解决方案比如说Taro,React Native,Flutter等这些都是一些非常优秀的前端跨平台的框架(大家想要了解更多可以上网查询各种框架的优缺点,温馨提示:没有最好的框架,选择适合自己或者自己团队的才是最好的框架)。

为什么选择uni-app?

  首先uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。

  现如今Vue已经成为了一个前端的主流框架之一的快熟开发框架,从招人人才贮备以及项目的开发效率我们选择使用uni-app这个跨平台框架。并且uni-app现已经支持11个平台,也就是说我们使用uni-app写一个应用程序,可以编译生成11个平台的应用,对于不同产品或者客户所需来说这简直是完美。

  并且uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

  对于不善于前端或者公司缺少前端的个人或者公司而言,uni-app绝对是不二之选,因为uni-app周边的生态非常丰富在插件市场中基本上可以搜索到符合大多数人所需要的插件模板。如商城,博客,小程序等等。

新手如何快速开始?

  假如你是一个前端没有任何经验的开发者,首先建议先大概了解一下vue的相关知识点(比如说vue的基本语法,什么是双向绑定,条件判断,怎么数据请求绑定等常用的方法),然后开发uni-app应用时把uni-app的相关api文档了解一下(当然也可以边做编程相关的语法,实战开发起来能让我们更快的熟悉)。

uni-app的api文档:https://uniapp.dcloud.io/api/README

  开发之前可以先看一下uni-app官方出门的视频教程:

《uni-app官方教程》

  通过快速上手👉,亲身体验下uni-app,开始之前,开发者需先下载安装如下工具:

可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。

快速开发你的第一个Android应用

1、打开HBuilderX=>文件=>新建项目=>uni-app项目类型

注意这里我使用的是uni-app演示用的框架组件,主要是为了展示生成的Android的应用效果。

2、在浏览器运行查看我们新建项目MyFirstApp的web页面效果

点击工具栏的运行 => 运行到浏览器 => 选择浏览器

3、发布原生App(云打包)

点击工具栏的发布=>原生App(云打包)

输入Dcloud的后台登录邮箱和密码(没有的话需要先注册)
在manifest.json中获取应用标识(AppId)
配置App打包所需要的相关信息
等待编译打包(可能花费的时间有点长请耐心等待)
打包完成打开生成apk的目录查看并将其安装到Android手机上查看效果
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-09-26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言:
  • 为什么选择uni-app?
  • 新手如何快速开始?
  • 快速开发你的第一个Android应用
    • 1、打开HBuilderX=>文件=>新建项目=>uni-app项目类型
      • 2、在浏览器运行查看我们新建项目MyFirstApp的web页面效果
        • 3、发布原生App(云打包)
          • 输入Dcloud的后台登录邮箱和密码(没有的话需要先注册)
          • 在manifest.json中获取应用标识(AppId)
          • 配置App打包所需要的相关信息
          • 等待编译打包(可能花费的时间有点长请耐心等待)
          • 打包完成打开生成apk的目录查看并将其安装到Android手机上查看效果
      相关产品与服务
      云开发 CloudBase
      云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档