信息技术进阶教程3-3-4Uni-app跨平台开发实战-样章.pdfVIP

目录

第一章认识Uni-app2

1.1uni-app的简介2

1.2uni-app的特点4

1.3uni-app学习技巧6

第二章Uni-app开发环境搭建7

2.1下载和安装HBuilderX7

2.2微信开发者工具安装10

2.3创建uni-app项目15

2.4多端运行程序18

2.5打包发布21

2.6vue-cli命令行27

1

《Uni-app跨平台开发实战》

第一章认识Uni-app

1.1uni-app的简介

Uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，就可以发

布到IOS、Android、Web(响应式)、以及各种小程序（微/支付宝/百度/头条/飞书/QQ/快手

/钉钉/淘宝）、快应用等多个平台。开发者可以使用各种IDE（集成开发环境）进行软件开

发，比如sublime、WebStrom，但与HbuilderX结合使用会更便捷、完美。

很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。

DCloud在2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和

HTML5中国产业联盟，推出了HBUilderX开发工具，为后续产业化做准备。2015年，DCloud

正式商用了自己的小程序，产品名为“流应用”，它不是B/S模式的轻应用，而是能接近原

生功能、性能的App，并且几点急用，第一次使用时可以做到边下载边使用。为了将该技术

发扬光大，DCloud将技术标准捐献给了工信部旗下的HTML5中国产业联盟，并推进各家

流量巨头接入该彼岸准，开展小程序业务。360手机助手率先介入，在其3.4版本实现应用

的秒开运行。如图1-1所示。

2

图1-1

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平

台提供应用。在2015年9月，DCloud推进微信团队开展小城市业务，演示了流应用的秒开

应用、扫码获取应用、分享链接获取应用等众多应用场景案例，以及分享了webview体验

优化的经验。微信团队经过分析，于2016年初决定上线小程序业务员，但没有接入联盟标

准，而是制定了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量剧透，包括手机厂商，陆续上线类

似小程序/快应用等业务。部分公司接入了联盟标准，但更多的公司因利益纷争严重，标准

难以统一。技术是纯粹的，不应该因为商业利益而分裂。开发者面对如此多的四有标准不是

一件正确的事情。造成混乱的局面并非DCloud所愿。于是DCloud决定开发一个免费开源

的框架。通过统一的uni-app框架，为开发者抹平各个平台的差异。这就是uni-app的诞生

过程。

截止2024年5月，uni-app已经是业内最风靡的应用框架，拥有800多万开发真，支撑

着12亿活跃用户的庞大生态。

3

1.2uni-app的特点

uni-app在开发者数量、案例数量、跨平台能力、扩展灵活性、性能体验、周边生态、