济南网站建设哪里好,郑州seo网站排名,wordpress 安装后必装,百度推广工具需求#xff1a; 最近在测试在网页端#xff08;HTML5#xff09;调用移动设备的定位等权限功能#xff0c;发现某些功能是必须保证域名在https下的否则会出现不正常现象。
解决#xff1a;
1.在线生成和证书 访问#xff1a;CSR文件生成工具-中国数字证书CHINASSL …需求 最近在测试在网页端HTML5调用移动设备的定位等权限功能发现某些功能是必须保证域名在https下的否则会出现不正常现象。
解决
1.在线生成和证书 访问CSR文件生成工具-中国数字证书CHINASSL 填写好之后点生成即可我们可以下载到两个文件。 这里我的域名是192.168.3.151得到192.168.3.151_csr.txt和192.168.3.151_key.txt这两个文件妥善保存。 然后再访问自签名免费SSL证书签发-中国数字证书CHINASSL 把192.168.3.151_csr.txt文件里的内容粘贴到代码框里点获取免费证书之后可以下载到一个192.168.3.151_ssl.crt文件。
2.配置Node.js 参考Node.js配置源确保已经配置好npm了。
安装express、fs、https模块【必须】
npm install express --savenpm install fs --savenpm install https --save
安装express模块的相关依赖可选
npm install body-parser --savenpm install cookie-parser --savenpm install multer --save
安装完成后可以查看express的版本号
npm list express
3.拷贝相关文件 把192.168.3.151_key.txt和192.168.3.151_ssl.crt名字可能不同但是格式是这样的复制到你服务器程序同级目录下比如我的目录就这三个文件
192.168.3.151_key.txt192.168.3.151_ssl.crtapp.js
app.js
//导入模块
const fs require(fs)// 文件输入输出用来导入证书
const https require(https)// https服务器
const express require(express)// express模块导入//读取证书
const privateKey fs.readFileSync(192.168.3.151_key.txt, utf8)
const certificate fs.readFileSync(192.168.3.151_ssl.crt, utf8)// 创建 express 应用
const app express()
// 监听 / 路径的 get 请求
app.get(/, function(req, res) {res.send(Hello Word!)
})const credentials { key: privateKey, cert: certificate }
const httpsServer https.createServer(credentials, app)
const SSLPORT 8080
httpsServer.listen(SSLPORT, function() {console.log(HTTPS 服务器已运行在: https://192.168.3.151:%s, SSLPORT)
}) 使用Node.js运行app.js
在VSCode中新建一个终端然后指定到当前的项目根目录前提是这个项目已经是个完整功能的Vue项目输入node app.js。提示运行在某个地址 说明已经成功启动https服务器。 然后在vue.config.js中加入一些代码配置好主机端口和本地地址https设为true 然后再新建一个终端用于启动我们的Vue项目 如果无报错则会成功启动域名变成了设置的localhost地址端口号变成了8081直接访问该地址显示如下图页面类似就成功了地址是借来的凑合看吧。类似安全提示需点击继续访问即可。 设置信任这个证书就可以了~
