创建服务打开html页面

已于 2023-08-01 11:04:32 修改
阅读量367 收藏
点赞数
文章标签： vue 前端
于 2023-08-01 10:50:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43702430/article/details/132037247
版权

有时候用浏览器打开html无法满足需要，需要通过创建服务的方式来访问，总结以下几种方式

一 koa

使用koa创建服务

二 npx server

在需要访问的html页面所在的目录执行npx server

三 live-server

全局安装live-server

yarn方式
yarn global add live-server

npm方式
npm install -g live-server

使用方式

live-server

指定端口

live-server --port 9000
山海一哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django打开html页面跳转,django创建最简单HTML页面跳转方法
weixin_42395740的博客
06-04 2000
假设已经通过：django-admin startproject +项目名称python manage.py +项目应用创建好一个项目以及内部的项目应用后，并且会运行django看到欢迎界面了。# 真相大白：这里解释一下两句语句的不同之处在于，第一个语句是执行django模块库的函数。在我们安装目录下能看到有“django-admin.exe”的运行程序。第二个是执行python语句，执行文件名称...
node搭建web服务器运行html页面,node.js创建本地服务器并运行教程
weixin_31616935的博客
06-03 1756
Node.js就是运行在服务端的JavaScript，基于Chrome V8引擎的JavaScript运行环境，简易上手node.js后就可以在本地电脑上创建本地服务器。在nodejs安装根目录下创建一个目录，如project，创建一个js文件，如server.js，添加下面的代码：//请求Node.js自带的http模块。var http = require('http');//http模块提供...
C#实现Winform中打开网页页面的方法
09-03
主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
搭建一个http-server本地服务 搭建本地html页面的服务 启动本地html文件服务
u013361179的博客
09-26 3262
如果在一个html文件中调试h5微信登录之类的问题的话，此时需要将html以服务的名义启动起来，此时就需要用到http-server。2、进入需要启动的项目根目录（index.html所在的文件夹），按住shift,右击鼠标选择在此处打开Powershell。如果需要修改默认端口，比如修改默认的。1、安装http-server。 http-server server html server
前端在本地启动服务预览html页面
weixin_30737363的博客
11-23 2633
在开发移动端项目时浏览器里出来的效果往往到真机上和预想的有出入，在开发过程中知道了一个可以在本地自己启动一个服务器在手机预览的办法。 　1、首先在终端安装http。 　　 npm i http-server -g。（g全局安装） 　　 安装成功之后 2、cd到需要查看的页面的文件夹处（该文件夹必须是包含js、css等所有文件的文件夹） ...
使用本地服务器打开html文件
大熊猫ζ的博客
02-01 2535
本地服务打开html页面
小程序能打开html页面,小程序显示H5网页教程
weixin_36211428的博客
06-03 2412
小程序显示H5网页教程介绍小程序里显示Html代码，目前插件(wxParse 解析html)解析支持不太好，有时候格式还是达不到预想的效果。 小程序里的HTML语法有台奇葩， 最好的解决方案是直接在里面显示HTML页面，使用小程序的web-view组件。之前由于需要验证原因，很多人把Bmob的素材页面填写到微信的业务域名，提示：小程序设置web-view业务域名，解决“不支持打开非业务域名，请重新...
android studio使用NanoHTTPD 创建 http 服务器打开html并使用webView打开页面
zcc的博客
07-22 2611
需求本人前端想用android打开h5页面，可以发送ajax进行通信。于是查到用nanoHTTPD创建简单http服务器。想着用webView打开assets下的html页面。于是nanoHTTPD服务器打开html，然后用webView打开就没有跨域的问题。先这样，然后再去解决跨域的问题。再发送ajax与服务器（http//127.0.0.19999）进行通信，但出现跨域的问题。...
易语言打开html,易语言打开网页源码
weixin_36453829的博客
05-31 2031
打开网页系统结构:浏览网页,ShellExecute, ======窗口程序集1 || ||------浏览网页 || ||------__启动窗口_创建完毕 || ||------__启动窗口_将被销毁 || ||------_按钮1_被单击 || || ======调用的Dll || ||---[dll]------ShellExecute 调用的DLL命令: .DLL命令ShellExe...
node搭建服务器访问后默认打开网页,node创建一个本地服务器并在浏览器中自动打开...
weixin_29358723的博客
08-10 766
varhttp=require('http');//http请求varfs=require('fs');//读取文件varserver=http.createServer();//创建服务cp=require('child_process'),//可自动打开浏览器模块//发送请求//回调方法//参数一:请求返回的各种信息//参数二:各种操作返回数据的方法ser...
HTML5 SVG打开页面动画特效
06-24
在这个特定的案例中，“HTML5 SVG打开页面动画特效”是一个利用SVG实现的网页加载或切换时的动态效果，通常表现为卷帘式渐变过渡，带给用户更加生动和吸引人的浏览体验。 SVG的优势在于其矢量特性，这意味着无论...
使用pycharm+flask创建一个html网页
03-25
为了让应用展示HTML页面，我们需要创建一个模板。在PyCharm的项目结构中，右键点击项目名，选择"New" -> "Directory"，命名为"templates"。接着，在"templates"目录下创建一个名为`index.html`的文件，输入以下HTML...
html5打开网页图片组合动画特效特效代码
03-20
在本案例中，"html5打开网页图片组合动画特效代码"是一个利用HTML5特性实现的独特视觉效果，当用户打开网页时，图片会以一种破碎的碎片形式随机出现，并逐渐拼接成完整的图像，营造出强烈的视觉冲击力和互动体验。...
创建网页文件html,HTML快速入门之创建网页文件
weixin_35600835的博客
06-20 1584
本文为零基础学习者准备了关于创建网页文件的相关学习笔记，具体内容包括网页文件创建、HTML标签语法规范、HTML标签的关系以及HTML整体结构。完成以上内容的学习，大家基本上就能学会如何创建一个有简单内容的网页文件，实现HTML快速入门。1、网页文件创建(1)网页文件的扩展名在讲解标签的具体语法规范前，我们首先要创建一个网页文件。说到文件，我们知道文件有类型，也就是有扩展名。例如，记事本文件，它的...
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
最新发布
exlink2012的专栏
07-25 292
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
前端与HTML
m0_65544927的博客
07-21 520
HTML 不是一种编程语言，而是一种标记语言HyperTextMarkupLanguage。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 240
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
TS如何处理js模块的类型？
闻人放歌的三寸青草园圃
07-24 230
【代码】TS如何处理js模块的类型？
android studio使用nanohttpd 创建 http 服务器打开html并使用webview打开页面
07-24
### 回答1： 使用Android Studio中的nanohttpd库创建HTTP服务器，并使用WebView打开HTML页面的步骤如下： 1. 首先，在build.gradle文件中的dependencies块中添加依赖项： ``` implementation 'org.nanohttpd:nanohttpd-webserver:2.3.1' ``` 2. 在需要创建HTTP服务器的Activity中，创建一个继承自NanoHTTPD的子类。例如： ```java public class MyServer extends NanoHTTPD { public MyServer() { super(8080); // 设置服务器端口为8080 } @Override public Response serve(IHTTPSession session) { String uri = session.getUri(); // 获取请求的URI // 判断请求的URI是否为根目录，如果是，则返回HTML页面，否则返回404错误 if (uri.equals("/")) { try { InputStream inputStream = getAssets().open("index.html"); // 打开assets文件夹中的index.html文件 BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream)); StringBuilder builder = new StringBuilder(); String line; while ((line = reader.readLine()) != null) { builder.append(line); } reader.close(); inputStream.close(); String html = builder.toString(); return newFixedLengthResponse(Response.Status.OK, "text/html", html); // 返回HTML页面 } catch (IOException e) { e.printStackTrace(); } } return newFixedLengthResponse(Response.Status.NOT_FOUND, "text/plain", "404 Not Found"); // 返回404错误 } } ``` 3. 在Activity中启动HTTP服务器，并使用WebView打开页面： ```java WebView webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); // 允许WebView执行JavaScript代码 MyServer server = new MyServer(); try { server.start(); // 启动HTTP服务器 } catch (IOException e) { e.printStackTrace(); } webView.loadUrl("http://localhost:8080/"); // 使用WebView打开服务器的根目录页面 ``` 以上就是使用NanoHTTPD创建HTTP服务器并使用WebView打开HTML页面的过程。在实际开发中，可以根据需要进行相应的修改和扩展。 ### 回答2： 要使用Android Studio创建一个HTTP服务器并打开HTML页面，可以使用NanoHTTPD库来实现。 首先，需要在项目的`build.gradle`文件中添加NanoHTTPD的依赖项。在`dependencies`部分添加以下代码： ``` implementation 'org.nanohttpd:nanohttpd:2.3.1' ``` 接下来，在你的Activity或Fragment中创建一个NanoHTTPD的子类，例如`MyServer`。这个子类需要实现`NanoHTTPD.IHTTPD`接口，并重写`serve()`方法来响应HTTP请求。在这个方法中，你可以通过判断请求URI来确定要返回给客户端的内容。 具体代码如下： ```java import android.content.Context; import android.webkit.WebView; import android.widget.Toast; import org.nanohttpd.protocols.http.IHTTPSession; import org.nanohttpd.protocols.http.NanoHTTPD; import org.nanohttpd.protocols.http.response.Response; import org.nanohttpd.protocols.http.response.Status; import java.io.IOException; public class MyServer extends NanoHTTPD { private Context context; public MyServer(Context context) { super(8080); this.context = context; } @Override public Response serve(IHTTPSession session) { String uri = session.getUri(); if (uri.equals("/index.html")) { String html = "<html><body><h1>Hello, World!</h1></body></html>"; return newFixedLengthResponse(Response.Status.OK, "text/html", html); } else { return newFixedLengthResponse(Response.Status.NOT_FOUND, "text/plain", "404 Not Found"); } } } ``` 然后，在你的Activity或Fragment中，可以通过创建一个WebView来加载HTML页面，并启动NanoHTTPD服务器。具体代码如下： ```java import android.os.Bundle; import android.webkit.WebView; import android.webkit.WebViewClient; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { private WebView webView; private MyServer server; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new WebViewClient()); server = new MyServer(this); try { server.start(); Toast.makeText(this, "Server started", Toast.LENGTH_SHORT).show(); } catch (IOException e) { e.printStackTrace(); } webView.loadUrl("http://localhost:8080/index.html"); } @Override protected void onDestroy() { super.onDestroy(); if (server != null) { server.stop(); } } } ``` 在XML布局文件中添加一个WebView用于显示HTML页面。 这样，当你运行这个应用时，会在Android设备上启动一个HTTP服务器，并使用WebView加载服务器上的HTML页面。 ### 回答3： 使用Android Studio创建HTTP服务器并在WebView中打开HTML页面需要以下步骤： 1. 首先，将nanohttpd库导入到Android Studio项目中。可以通过在项目的build.gradle文件中添加以下行来实现： ```groovy dependencies { implementation 'org.nanohttpd:nanohttpd:2.3.1' } ``` 2. 创建一个新的Java类，继承自`NanoHTTPD`类，用于实现HTTP服务器。在这个类中，需要重写NanoHTTPD的`serve()`方法，来处理HTTP请求和响应。通过使用`InputStream`读取HTML文件的内容，并将其响应给请求的客户端。 ```java public class MyHTTPServer extends NanoHTTPD { // 构造方法 public MyHTTPServer() { super(8080); } @Override public Response serve(IHTTPSession session) { String uri = session.getUri(); if (uri.equals("/")) { uri = "/index.html"; } try { InputStream inputStream = getApplicationContext().getAssets().open(uri.substring(1)); String mimeType = "text/html"; return newChunkedResponse(Response.Status.OK, mimeType, inputStream); } catch (IOException e) { e.printStackTrace(); return newFixedLengthResponse(Response.Status.NOT_FOUND, "text/plain", "File not found"); } } } ``` 3. 在AndroidManifest.xml文件中添加以下权限： ```xml <uses-permission android:name="android.permission.INTERNET" /> ``` 4. 在Activity的`onCreate()`方法中启动HTTP服务器并加载WebView： ```java public class MainActivity extends AppCompatActivity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 启动HTTP服务器 MyHTTPServer server = new MyHTTPServer(); try { server.start(); } catch (IOException e) { e.printStackTrace(); } webView = findViewById(R.id.webView); // 允许WebView执行JavaScript代码 webView.getSettings().setJavaScriptEnabled(true); // 加载HTTP服务器的地址 webView.loadUrl("http://localhost:8080"); } } ``` 以上是在Android Studio中使用NanoHTTPD库创建HTTP服务器并在WebView中打开HTML页面的步骤。可以根据需要对服务器和WebView进行进一步的自定义和配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值