将Electron桌面应用转化为Win10的UWP应用
如果有小伙伴不知道如何打包Electron桌面应用的,请戳我。
微软提供了一款快捷工具:electron-windows-store,用于将electron桌面应用打包成Windows10系统上.appx后缀的通用UWP应用。
准备工作
1.Windows 10周年纪念更新 - 企业版(版本14316以上)(实测10586也是可以转化,查看系统版本号的方法是,win键+R打开运行,输入winver)
2.Windows 10 SDK,下载
3.node4或以上的版本。
打包步骤
1.在cmd命令行中输入一下命令:
npm install -g electron-windows-store
2.以管理员身份启动powershell,输入以下命令:
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
3.将electron打包成Appx包(UWP应用):
electron-windows-store --input-directory C:\myelectronapp --output-directory C:\output\myelectronapp --flatten true --package-version 1.0.0.0 --package-name demo
♦ --input-directory:要打包的Electron应用路径
♦ --output-directory:导出后的位置
♦ --package-name:既是打包前应用的程序名(demo.exe),也是打包后appx程序的名字。
根据下图中的操作填写:

开发者名字就用默认的,但默认的windows kit的文件夹是错的,需要自己去复制粘贴一下。在configuration一栏中,可以看到我们证书存放的目录Dev Certificate,下面需要用到。


虽然我们的包打成功了,但是我们发现在导入证书的时候报错了,权限被拒绝。如果不解决,我们的appx文件无法安装,也无法使用。具体操作如下:(因为自己电脑版本不高,换成日文环境的win10系统了,不影响观看...)
1.win+R打开运行,输入mmc

2.按住ctrl+m,在左侧下方将证书加到右边

3.选择计算机账户,然后完成。

4..在控制台1界面,选择证书,右键"受信任的根证书颁发机构”,选择导入,将上面Dev Certificate所指向的证书(developmentca.cer)添加进来。

5.需要安装第三方(不在微软商店的appx文件),需要旁加载模式,点击开始按钮——》设置——》更新和安全——》针对开发人员——》旁加载应用——》确定。

6.双击appx应用,即可进行安装启动。



7.关于卸载,点击开始按钮——》设置——》系统——》应用和功能——》选择想要卸载的UWP应用进行卸载。
将Electron桌面应用转化为Win10的UWP应用的更多相关文章
- electron-vue:Vue.js 开发 Electron 桌面应用
		
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项 ...
 - Electron桌面项目-解决throw new Error('Electron failed to install correctly, please delete node_modules..
		
前言 Electron 是一个用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库.由GitHub开发的. 其原理是 Electron 通过将 Chromium 和 N ...
 - electron桌面通知,修改默认通知应用名electron.app.Electron为自己应用的名称
		
在做electron桌面通知时,按照文档实现弹出通知,但是默认的应用名为electron.app.Electron 解决办法 就是在主进程中设置 app.setAppUserModelId('myAp ...
 - Win10的UWP之进度条
		
原文:Win10的UWP之进度条 关于UWP的进度条的处理的方案有两种方案 我们新建一个项目,然后处理的界面如下的代码 <Grid.RowDefinitions> <RowDefin ...
 - Win10的UWP之标题栏的返回键(二)
		
原文:Win10的UWP之标题栏的返回键(二) 关于Win10的UWP的返回键的第二种处理的方法,是介于标题栏的强行修改,不是像上期的那样直接调用系统内置的API. - - - - - - - - - ...
 - Win10之UWP的数据存储
		
原文:Win10之UWP的数据存储 我们知道通常我们开发的时候都要考虑把用户的数据存储到一个数据库里面,而这个数据库则考虑到了整个应用的性能上面,这里我们不考虑SQL server的数据库,我们考虑较 ...
 - Win10的UWP之标题栏的返回键(一)
		
原文:Win10的UWP之标题栏的返回键(一) 关于返回键,放在标题栏是目前较为完美的一种方案.继前一篇的Hello World,博主进行一些修改实现该方法. - - - - - - - - - - ...
 - Electron 桌面应用打包(npm run build)简述(windows + mac)
		
最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录. Windows环境打包:1.首先贴一下package.json. { " ...
 - spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发
		
前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环 ...
 
随机推荐
- MySQL查询 45道练习题
			
SQL查询45道练习题 1.查询Student表中的所有记录的Sname.Ssex和Class列.select sname,ssex,class from student2.查询教师所有的单位即不重复 ...
 - [Unity]模拟雨水的折射效果
			
用GrabPass做的小玩具. 并不是真的计算了折射,只是简单地扰动了uv,对于雨水来说效果已经足够好了. Shader代码: Shader "Unlit/Rain" { Prop ...
 - 高精度模板_C++
			
高精度压位,压9位 read:读入 write:输出 copy:赋值 change:交换 empty:清0 cmp:比较大小,相当于小于号 plus:加法 dec:减法 multy:乘法 除法实在不会 ...
 - 表格td内容超出宽度显示... table-layout: fixed;
			
td宽度用百分比固定好的时候,即使设置了 white-space:nowrap;/*文本不会换行,在同一行显示*/ overflow:hidden;超出隐藏 text-overflow:ellipsi ...
 - bzoj 2440 dfs序
			
首先我们可以做一遍dfs,用一个队列记录每个点进出的顺序,当每个点访问的时候que[tot++]=x,记为in[x],当结束dfs的时候que[tot++]=x,记为out[x],这样处理出来的队列, ...
 - 5.0docer 网络链接
			
docker0 :linux的虚拟网桥 虚拟网桥特点: 1.可以设置ip地址 2.相当于拥一个隐藏的虚拟网卡 安装网桥工具 apt-get install bridge-utils brctl ...
 - 利用procdump+Mimikatz 绕过杀软获取Windows明文密码
			
思路: 就是通过系统自带的procdump去下载存储用户名密码的文件(应该不能那么说这个文件,但是这样理解没问题),然后用猕猴桃读取. procdump.exe Procdump是一个轻量级的Sysi ...
 - 源码分析之tinyhttpd-0.1
			
1. 简介: tinyhttpd是使用c语言开发的超轻量级http服务器,通过代码流程可以了解http服务器的基本处理流程, 并且涉及了网络套接字,线程,父子进程,管道等等知识点: 项目地址:http ...
 - linux中没有dos2UNIX或者UNIX2dos命令怎么解决办法
			
linux中没有dos2UNIX或者UNIX2dos命令怎么解决办法 http://blog.csdn.net/w616589292/article/details/38274475 dos2unix ...
 - c语言实现CRC校验和
			
最近在摄像头采集的数据清晰度上需要加强,则在每一帧传输的数据包后边加了CRC校验和.CRC校验和有16位的,也有32位的.至于CRC校验和算法原理,我是在百度上学习的,其实网上有很多这种资料.简单的说 ...