学做网站培训课程介绍

当前位置:

如何制作APP,怎么将手机网站转化为APP

本课程视频是VIP会员课程,学习请进入VIP学习区

我们知道,APP是一种通过手机安装下载的应用程序,可以实现为用户提供更丰富的使用体验的主要手段。APP的功能与手机网站差不多,它们之间也各有千秋,学做网站论坛也有专门的手机网站制作教程,供大家学习。

前面的建站教程中我们介绍了手机网站和APP的区别是什么。其实想制作一个属于自己的APP也并非难事,甚至我们可以将自己的手机网站转化成一个APP,供用户下载。下面学做网站论坛简单的介绍一下如何制作APP和怎么将自己的手机网站转化为APP的步骤。

下载/登录开发工具

前往 dcloud.io 根据自己的操作系统,下载相应的 HBuilder 包并解压,无需安装。首次使用需注册一个开发者账号,方便后续的打包以及应用管理。

创建项目

按照如下步骤新建 wap2app 工程

  • 顶部菜单,文件 -> 新建 -> Wap2App
  • 输入应用名称、wap 站首页地址,点击“完成”

怎么将手机网站转化为APP

工程建成后,默认目录结构如下:
如何制作APP,怎么将手机网站转化为APP
每个文件的作用如下:

  • sitemap.json:wap2app核心配置文件,wap2app的大部分工作在该文件中完成
  • app.js:为弥补sitemap.json的格式限制,提供的基于JavaScript的可编程增强方案
  • manifest.json:工程参数配置,比如icon、splash图等(打开该文件后有帮助链接)
  • client_index.html:内置静态页面,若首页有选项卡,需在该文件中配置
  • %APPID%.append.css:本示例中 APPID 为 “W2Am.example.com” ,故默认创建了一个 W2Am.example.com.append.css 文件;该 css 文件负责提前修饰首页的样式,比如隐藏M站首页的原生下载引导等 DOM 元素。

Tips:以上文件的名称以及位置,不可修改或调整。

代码编辑

打开项目,会默认进入开发视图。从左到右,依次是项目管理器、代码编辑区。

怎么将手机网站转化为APP

进行配置及必要的编程,然后就可以真机运行。

真机运行

将手机通过USB口连接电脑,可以将wap2app项目代码同步到手机上,实现真机运行。

注意:每次在HBuilder保存修改文件后,会自动编译并同步到手机端;wap2app页面管理栈较为复杂,每次修改配置规则后,会自动重启手机端的调试App,如下:
怎么将手机网站转化为APP

新建的项目直接运行是看不出优化效果的,需要参考后续教程配置好sitemap,优化好体验。

真机运行是一个发布前必要的调试环境,不停开发、调试、看日志、看效果、完善迭代。成熟后即可正式发布。

应用发布

目前支持将wap2app项目打包成原生安装包(iOS平台的ipa安装包、Android平台的apk安装包),也支持发布到流应用平台。

在HBuilder中,点击顶部“发行菜单”,选择发行方式,如下:

怎么将手机网站转化为APP

推荐先发布到流应用平台进行试用体验和用户灰度内测。

发布到流应用平台的步骤:

  • 点击顶部菜单,发行->发行为流应用
  • 点击“提交测试”,发布流应用到“测试平台”,发行成功后,会生成一个测试二维码

从www.dcloud.io/streamapp/下载“流应用”并安装,启动“流应用”,点击右上角扫码图标,扫描HBuilder生成的测试二维码,即可体验刚刚发布的wap2app项目。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽
  • 淘宝APP账号配置 (120008 次浏览)
    申请APPkey第一步:打开 my.open.taobao.com/xtao/createWebsite.htm 填写网站名称和网址。申请APPkey第二步:下载网站验证文件 xtao
  • 手机客户端是满足手机用户浏览网站的需求,通过下载客户端可以让我们做网站留住更多的手机用户。我们做好电脑端网站之后,可以通过一些免费的客户端平
  • 什么是自适应手机网站 视频教程 (1103189 次浏览)
    以下为学做网站论坛关于“什么是自适应手机网站”讲解视频教程。
  • 老师你好,我前几天一直在学习手机站课程,对于课程中的案例网站特别喜欢,自己就跟着课程一步步做了一遍。也做了课程笔记,感觉学到了很多知识。
  • 我们知道,APP是一种通过手机安装下载的应用程序,可以实现为用户提供更丰富的使用体验的主要手段。APP的功能与手机网站差不多,它们之间也各有千秋,