uniapp 将网页打包成app教程

1、在uniapp里新建一个默认项目

2、创建完成后，找到根目录，打开page.json，将

{"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path": "pages/index/index","style": {"navigationBarTitleText": "uni-app"}}],"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}
}

下面这个代码更换为

{"pages": [ {"path": "pages/index/index","style": {"navigationBarTitleText": "uni-app","navigationStyle":"custom"}}],"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationStyle":"custom","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}
}

3、找到pages/index/index.vue文件，删除所有内容，替换成

<template><web-view  src="这里是你自己的网页链接"></web-view>
</template>

代码就编辑完成了，下面我们打包app
4、打开manifest.json文件，配置好应用名称，应用描述，应用图标，启动页等信息后
5、
点击发行，选择原生app云打包

选择公共测试证书，就可以打安卓包了，苹果只要有签名证书也可以打ipa包哦，
这样就可以吧你的网页打包成app了

uniapp 将网页打包成app教程相关推荐

cordova 把网页打包成app
cordova 把网页打包成app 准备: 一:安装cordova 二:配置java环境三:安装ADT 以下命令都是在控制台操作,依赖上面的三个环境 1.cordova create 文件夹- 包名 ...
物联网控制APP入门专题（三）---使用第三方平台将网页打包成APP
摘要:前面的文章讲了如何用阿里云IoT Studio快速制作一个网页版的手机端,可以通过手机浏览器浏览制定的网址就能实现对物联网设备的控制.本文讲解通过第三方平台将这个网页打包成一个APK文件,安装到 ...
(一)移动App开发——Native App-原生开发Web App-网页开发Hybrid App-混合开发网页打包成App四方式-Cordova-APPCan-DCloud-API Cloud
移动 App 开发 Native App-原生开发开发技术原生的 Android 平台原生的 iOS 平台 JavaScript bridge 用于原生应用中的 Web 和原生平台进行交互. h ...
设置网页打开默认全屏_网页打包成APP，macOS解锁刷少数派新姿势
随着web端所能实现的功能.体验越来越完善,是否需要客户端成为网站管理者重新考虑的问题,尤其是对于一些资讯类信息流网站.例如少数派,移动端和桌面端网站的自适应做的非常完善,拥有iOS/Android双 ...
【Uniapp框架】快速开发自己一款APP应用，如何将Uniapp项目快速打包成APP应用
当我们使用uniapp框架开发应用,前端与后端的代码都准备OK! 最关键的一步就是开始打包我们的应用产品,最常见的形式:小程序.安卓App.苹果App. 今天我们来详细了解一下安卓App应用的快速打包 ...
网页打包成app创建IOS免签app教程
一键打包网址生成IOS免签App带绿标,支持动态更换网址,可按量付费可下载安装文件上传至自己服务器进行分发创建前准备 1.域名一个 2.图标一个png格式 500KB以内,1024像素最佳 3.ap ...
Android使用WebView将网页打包成APP
引导页 package com.example.pack;import android.content.Intent; import android.os.Handler; import androi ...
如何把网页打包成app
工具/原料电脑 Hbuilder 方法/步骤用Hbuilder新建一个APP项目,操作方法如下. 然后给这个APP项目设定项目名称,这样即可新建成功了. 新建的一个APP项目,里面有一些JS文件夹 ...
将Html网页或者是Aue项目打包成App
把前端的网页打包成App 一. 前言首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...

uniapp 将网页打包成app教程

uniapp 将网页打包成app教程相关推荐

最新文章

热门文章