如果有小伙伴不知道如何打包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应用的更多相关文章

  1. electron-vue:Vue.js 开发 Electron 桌面应用

    相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项 ...

  2. Electron桌面项目-解决throw new Error('Electron failed to install correctly, please delete node_modules..

    前言 Electron 是一个用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库.由GitHub开发的. 其原理是 Electron 通过将 Chromium 和 N ...

  3. electron桌面通知,修改默认通知应用名electron.app.Electron为自己应用的名称

    在做electron桌面通知时,按照文档实现弹出通知,但是默认的应用名为electron.app.Electron 解决办法 就是在主进程中设置 app.setAppUserModelId('myAp ...

  4. Win10的UWP之进度条

    原文:Win10的UWP之进度条 关于UWP的进度条的处理的方案有两种方案 我们新建一个项目,然后处理的界面如下的代码 <Grid.RowDefinitions> <RowDefin ...

  5. Win10的UWP之标题栏的返回键(二)

    原文:Win10的UWP之标题栏的返回键(二) 关于Win10的UWP的返回键的第二种处理的方法,是介于标题栏的强行修改,不是像上期的那样直接调用系统内置的API. - - - - - - - - - ...

  6. Win10之UWP的数据存储

    原文:Win10之UWP的数据存储 我们知道通常我们开发的时候都要考虑把用户的数据存储到一个数据库里面,而这个数据库则考虑到了整个应用的性能上面,这里我们不考虑SQL server的数据库,我们考虑较 ...

  7. Win10的UWP之标题栏的返回键(一)

    原文:Win10的UWP之标题栏的返回键(一) 关于返回键,放在标题栏是目前较为完美的一种方案.继前一篇的Hello World,博主进行一些修改实现该方法. - - - - - - - - - - ...

  8. Electron 桌面应用打包(npm run build)简述(windows + mac)

    最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录. Windows环境打包:1.首先贴一下package.json. { " ...

  9. spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发

     前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环 ...

随机推荐

  1. Chrome profile manager

    由于Firefox有profile manager这么一说,所以自然联想到chrome应该也有. 默认chrome的profile manager被禁止了. 1. chrome://flags 2. ...

  2. 省队集训 Day7 选点游戏

    [题目大意] 维护一个$n$个点的图,$m$个操作,支持两个操作: 1. 连接$(u, v)$这条边: 2. 询问$u$所在的联通块中,能选出的最大合法的点数. 一个方案是合法的,当且仅当对于所有被选 ...

  3. 「6月雅礼集训 2017 Day4」暴力大神hxx

    [题目大意] 给出一个n重循环,每重循环有范围$[l, r]$,其中$l$,$r$可能是之前的变量,也可能是常数.求循环最底层被执行了多少次. 其中,保证每个循环的$l$,$r$最多有一个是之前的变量 ...

  4. python学习笔记(三)之变量和字符串

    在其他语言中,变量就是有名字的存储区,可以将值存储在变量中,也即内存中.在Python中略有不同,python并不是将值存储在变量中,更像是把名字贴在值上边.所以,有些python程序员会说pytho ...

  5. bzoj 1034 贪心

    首先如果我们想取得分最高的话,肯定尽量赢,实在赢不了的话就耗掉对方最高的,那么就有了贪心策略,先排序,我方最弱的马和敌方最弱的相比,高的话赢掉,否则耗掉敌方最高的马. 对于一场比赛,总分是一定的,所以 ...

  6. Java多线程学习(六)Lock锁的使用

    系列文章传送门: Java多线程学习(二)synchronized关键字(1) Java多线程学习(二)synchronized关键字(2) Java多线程学习(三)volatile关键字 Java多 ...

  7. Part2-HttpClient官方教程-Chapter3-HTTP状态管理

    ps:近日忙于课设与一个赛事的准备....时间真紧啊~~ 最初,HTTP被设计为一种无状态的,面向请求/响应的协议,它并没有为跨越多个逻辑相关的请求/响应交换的有状态会话做出特殊规定.随着HTTP协议 ...

  8. js原生读取json

    function showJson(){ var test; if(window.XMLHttpRequest){ test = new XMLHttpRequest(); }else if(wind ...

  9. Python3 面向对象编程

    小案例: #!/usr/bin/env python # _*_ coding:utf-8 _*_ # Author:Bert import sys class Role(object): n=&qu ...

  10. 细数雷军系成员,27家公司3家IPO

    自 2004 年至今,作为天使投资人和顺为基金创始合伙人,雷军共投了移动互联网.电子商务.互联网社区等领域内的 27 家创业公司,其中欢聚时代.猎豹移动.迅雷三家公司成功上市.小米科技虽然还未 IPO ...