一招解决BS转CS模式:浏览终端开发-Electron集成打包、本地配置文件及自动更新

将普通的网页转换为桌面应用并兼容现在的H5，基本的思路都是打包封装谷歌公司的开源版Chromium 使其充当与本地应用通讯的媒介；

成本比较低的是electron CefShap(C#) 至于blink /cef/ wke 等如果专业做浏览器开发可以尝试涉猎(360浏览器内核是blink)；

第一步：创建项目

npm install -g electron-forgeelectron-forge init xxx-terminal

第二步：设置图标

通过PS制作ico图标

需要安装插件icoformat

添加打包组件

yarn add electron-builder

添加配置

"build": {"appId": "com.xy.his","win": {"icon": "build/icons/icon.ico"},
}

第三步：设置本地配置文件

为了灵活设置浏览终端信息，可以将一些放入到一个本地文件中如更新服务器地址,是否打开开发者工具，浏览地址等

var fs = require('fs');// 开发时读取data目录 打包时读resources/data目录let readText = fs.readFileSync("./resources/data/config.json");let data = JSON.parse(readText);return data;

这里要注意的是目录，打包后config.json文件不会跟随文件压缩过去需要指定配置，但配置后运行的目录会在resources下

package.json

"build": {..."extraResources": [{"from": "./data","to": "data"}]
}

第四步：自动更新及服务端搭建

electron-builder electron-packager 都可以打包 但electron-builder 支持自动更新并且配置更加强大。这里electron-updater实现自动更新程序；

nsis配置安装程序

配置：

"appId": "com.xy.his","win": {"icon": "build/icons/icon.ico"},"publish": [{"provider": "generic","url": "http://192.168.3.145"}],

服务端试用本地nginx

只要生成的latest.yml 文件中 version: 1.0.1版本号大于安装版会自动触发更新

程序示例下载 https://download.csdn.net/download/ucicno000/13206890

一招解决BS转CS模式:浏览终端开发-Electron集成打包、本地配置文件及自动更新相关推荐

BS与CS 模式的区别
BS与CS的联系与区别. C/S是Client/Server的缩写.服务器通常采用高性能的PC.工作站或小型机,并采用大型数据库系统,如Oracle.Sybase.Informix或 SQLServe ...
BS和CS架构，软件开发的瀑布模型，快速原型模型、螺旋模型、敏捷开发、软件测试分类，测试的分类和理解
1.BS和CS架构 1.1 BS:浏览器与服务器结构优点:客户端无需安装,有web浏览器即可缺点:在速度和安全性上需要花费巨大的设计成本 1.2 CS:客户机与服务器结构优点:CS架构的页面 ...
什么是BS？BS和CS模式的区别是什么？
一,B/S结构是WEB兴起后的一种网络结构模式,WEB浏览器是客户端最主要的应用软件.这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上,简化了系统的开发.维护和使用. 二,区别(C/S与B ...
w7系统出现无法更新服务器,win7系统自动更新选项不能用了的解决方法
win7系统自动更新选项不能用了的解决方法? 我们在操作win7系统电脑的时候,常常会遇到win7系统自动更新选项不能用了的问题.那么出现win7系统自动更新选项不能用了的问题该怎么解决呢?很多对电脑 ...
BS模式与CS模式的区别
BS模式(Browser Server) 简称:浏览器服务器意思就是客户端可以通过浏览器就可以访问服务端只要你的电脑上装有浏览器就可以访问不过在美工方面BS不如CS,速度也不如CS快. 如京东, ...
电子病历，到底是用BS还是CS
电子病历,到底是用BS还是CS 袁永福 2014-8-19 前言:前几天下午去开发医疗软件的S公司,旁听了他们的内部技术讨论会议.他们目前的电子病历是B/S架构,会上一群人讨论起用C/S重构电子病历系 ...
应用软件类的推荐用CS模式
2019独角兽企业重金招聘Python工程师标准>>> 首先给出论点:作为系统应用,BS任何方面都无法和多层CS模式相比. 下面,我们从若干方面来论证此论点的正确性: 多层CS模式安 ...
局域网内计算机无法互相访问,轻松几招解决局域网不能互相访问故障
经常有网友反映在Win2000和WinXP中浏览网上邻居时很慢,特别是网络中有Win9x和WinMe工作站时尤为明显,有时打开网上邻居甚至需要10多分钟,还经常报错,该如何解决呢?笔者以前也曾遇到过类 ...
知识产权行业获客难？一招解决
知识产权与我们的生活息息相关,近年来人们对知识产权的重视程度越来越深,知识产权行业竞争也愈发激烈,获客难依旧是知识产权行业的一大难题. 前言知识产权与我们的生活息息相关,到处充满了知识产权,不论是各 ...