H5+app 打包說明

原創

qq_37672347

2020-04-19 04:15

參考官網打包說明：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/13425

第一步：下載HbuilderX工具（https://www.dcloud.io/hbuilderx.html）傻瓜式安裝，安裝完成註冊賬號

第二步：創建項目，點擊“文件”—> “新建”—>“項目”（截圖截不出來）

出現如圖界面:

第三步：選擇 5+APP(A)，填上“項目名稱”其他默認 ，點擊“創建”

之後效果圖：

第四步：點擊“manifest.json” 更改你需要更改的“配置”，比如“基礎配置”“圖標配置”、“啓動圖配置”等等

圖標配置：

其他的自己可以看看不再贅述

**** 打包前需要添加和修改的內容；

打開index.html 把下面的代碼放進去或者是把我發給你的index.html 直接替換掉再進行修改（即2的步驟）

其次修改加的代碼的最後一行即plus.webview.open("http://122.224.121.35:8895")，把自己配置的項目訪問鏈接即需要打包的鏈接修改掉就可以

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
		var plusReady = function (callback) {
			if (window.plus) {
				callback();
			} else {
				document.addEventListener('plusready', callback);
			}
		};

		plusReady(function () {
			var firstBack = 0;
			var handleBack = function () {
				var currentWebview = plus.webview.currentWebview();
				var topWebview = plus.webview.getTopWebview();
				var now = Date.now || function () {
					return new Date().getTime();
				};

				currentWebview.canBack(function (evt) {
					/**  
					 * 有可後退的歷史記錄，則後退。  
					 * 否則，關閉當前窗口。  
					 * 如果當前窗口是入口頁，那麼執行退出的邏輯。  
					 */  
					if (currentWebview.id === plus.runtime.appid) {  
						if (!firstBack) {
							firstBack = now();
							plus.nativeUI.toast('再按一次退出應用');

							setTimeout(function () {  
								firstBack = 0;
							}, 2000);
						} else if (now() - firstBack < 2000) {
							plus.runtime.quit();
						}
					} else {
						if (evt.canBack) {
							history.back();
						} else {
							currentWebview.close('auto');
						}
					}
				});
			};

			plus.key.addEventListener('backbutton', handleBack);
			plus.webview.open("http://122.224.121.35:8895")
		});
    </script>
</head>
<body>
	
</body>
</html>

第五步：選中項目文件夾鼠標右鍵“發行”或者 點擊 菜單欄裏的“發行”