WEB应用开发（一）-环境搭建。_web plusready-优快云博客

本文链接：https://blog.youkuaiyun.com/u012562216/article/details/104866737

本文介绍了如何使用HBuilderx进行WEB应用开发环境的搭建，包括下载与安装步骤。讨论了HBuilderx支持的不同开发方式，重点讲解了选择H5+APP的开发模式，以HTML语言为主的页面开发。此外，还详细说明了真机调试的过程，如红米Note7的开发者选项设置。最后，作者分享了对APP本质的理解，认为任何实现特定功能并能在手机上运行的程序都是APP。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、使用集成工具HBuilder 或者HBuilderx

下载：https://dcloud.io/

解压双击 exe文件即可使用。

2、HBuilderx 允许有几种开发方式。

每种开发方式都是开发语言+生成方式

3、此处第一个程序选择 h5+app

主流页面index就是html语言开发

4、真机调试：

采用红米 note7 ，手机要打开开发者选项权限，并设置允许usb方式调试，以及usb传输安装功能。

5、感想：

app多种多样，只要具有了应用功能，比如说实现了一个目的，一个动作的安装在手机的程序就是app 。不管功能多么简单，或者多么复杂，与是否连接数据库、是否提供接口、是否存储、是否跳转等都无关。

第一个程序代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>HelloWord</title> 
    <script type="text/javascript" charset="utf-8">
      //	mui.init();
  
      	// 扩展API是否准备好，如果没有则监听“plusready"事件  
      	 
if(window.plus){  
    plusReady();  
}else{   
    document.addEventListener( "plusready", plusReady, false );  
}  
// 扩展API准备完成后要执行的操作  
function plusReady(){  
    var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview  
    // ... code  
}
function openNewWebview(){
	var url="http://m.youkuaiyun.com/";
	plus.webview.create(url).show();
} 
    </script>
</head>
<body>
	HELLO WORD <br/>
	<button onclick="openNewWebview()">打开新页面</button>
</body>
</html>