成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Electron 前端提測(cè)小工具

Riddler / 3552人閱讀

摘要：場(chǎng)景目前公司的測(cè)試環(huán)境還是由開(kāi)發(fā)來(lái)搭建和部署的。沒(méi)網(wǎng)，我就做個(gè)離線版的工具唄。調(diào)研選型技術(shù)目前我了解到使用前端技術(shù)做桌面應(yīng)用有和以及著三種神器。好了，多說(shuō)無(wú)用，來(lái)預(yù)覽一下我們的小工具吧默認(rèn)，就是最新的要提測(cè)的包。更新于年月日已入手。

場(chǎng)景

目前公司的測(cè)試環(huán)境還是由開(kāi)發(fā)來(lái)搭建和部署的。這種做法是極其不科學(xué)的。所以那種部署啊什么的重復(fù)性的操作還是做個(gè)工具讓測(cè)試自己去部署好了。
先來(lái)預(yù)覽一下工具-.-：

實(shí)施

本來(lái)是想做個(gè)在線版的工具的。但是和公司運(yùn)維溝通蛋疼。測(cè)試服務(wù)器沒(méi)網(wǎng)，讓他們開(kāi)個(gè)聯(lián)網(wǎng)的權(quán)限bb個(gè)不停，還來(lái)個(gè)這是我該做的事情嗎？我只能說(shuō)我是前端開(kāi)發(fā)，服務(wù)器有需求是我一個(gè)開(kāi)發(fā)該做的事情嗎？
好了，不抱怨，我前端啥都能玩，不就是沒(méi)網(wǎng)，照樣懟。
沒(méi)網(wǎng)，我就做個(gè)離線版的工具唄。做個(gè)桌面應(yīng)用不就好啦。

挖坑記錄

雖然以前也沒(méi)折騰過(guò)桌面應(yīng)用什么的，但是不要慫，擼起袖子干。

調(diào)研選型技術(shù)

目前我了解到使用前端技術(shù)做桌面應(yīng)用有 Electron 和 NW.js 以及 heX 著三種神器。具體選哪個(gè)呢，不糾結(jié)，看到
Electron 出自github，那自然首先考慮啦。

安裝 Electron

作為一個(gè)懶人，首先想到的就是手腳架啦：

# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start

然后我們大概可以看到這樣一個(gè)應(yīng)用：

然后我們看到了這樣的目錄結(jié)構(gòu)：

看下，我們熟悉的也就 index.html, main.js 和 renderer.js 這三個(gè)文件。都打開(kāi)看看，然后再和本地跑起來(lái)的應(yīng)用關(guān)聯(lián)下，不難理解 main.js 就是用來(lái)創(chuàng)建我們應(yīng)用視窗的。index.html 是用來(lái)展示應(yīng)用主內(nèi)容的。
既然是 html 和 js 那就擼起袖子干咯。

碼字

注意看 renderer.js 的注釋：


不需要多么高深的英語(yǔ)吧？說(shuō)這個(gè)文件是被 index.html 引用的。這個(gè)文件還可以編寫(xiě) nodejs 的代碼。如此說(shuō)來(lái)那不就 easy 了。
在此之前，已經(jīng)挖了一個(gè)坑：

基于 vue-cli 的前端項(xiàng)目的自動(dòng)發(fā)布預(yù)覽環(huán)境 https://segmentfault.com/a/11...

既然可以寫(xiě)nodejs，那就直接把之前做的 nodejs 相關(guān)代碼拿來(lái)用就好啦。

仍然是使用 ssh2 模塊，鏈接服務(wù)器，然后調(diào)用之前編寫(xiě)的 shell 腳本，傳入的參數(shù)稍作修改就好了。
好了，多說(shuō)無(wú)用，來(lái)預(yù)覽一下我們的小工具吧：


默認(rèn)，dist.zip就是最新的要提測(cè)的包。如果這個(gè)包部署在測(cè)試環(huán)境出現(xiàn)問(wèn)題，影響測(cè)試了，那么可以點(diǎn)擊修改，然后輸入我們開(kāi)發(fā)提供一個(gè)回退版本的包名，然后點(diǎn)擊發(fā)布測(cè)試環(huán)境等待構(gòu)建完成就ok了。

嘿嘿，前端是不是無(wú)敵逆天了。開(kāi)發(fā)完畢還沒(méi)完，要給測(cè)試用，是不是要打包成一個(gè) exe。

electron-packager 打包應(yīng)用

安裝：

npm install electron-packager -g

打包：

electron-packager . fe-tool --out ../electron

第一個(gè)參數(shù)是要打包的資源路徑，這里我用的點(diǎn)代表當(dāng)前路徑下的資源。 第二個(gè)參數(shù)是要打包的文件名，最后一個(gè)參數(shù)是打包后輸出在哪個(gè)文件夾下。

整理

作為一個(gè)窮鬼，也就在 windows 下折騰了一番。啥時(shí)候買(mǎi)個(gè)Mac，再來(lái)裝一波啊。

更新于：2018年11月27日10:25:24 Mac已入手。蠻好用的哦。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90766.html

相關(guān)文章

  • 基于 vue-cli 的前端項(xiàng)目的自動(dòng)發(fā)布預(yù)覽環(huán)境

    摘要：就是在提測(cè)前部署一個(gè)預(yù)覽環(huán)境，在提測(cè)前，每個(gè)人本地驗(yàn)證一遍，再放在預(yù)覽環(huán)境驗(yàn)證一遍。于是就準(zhǔn)備啪啪啪擼一個(gè)完成自動(dòng)發(fā)布預(yù)覽環(huán)境的工具。用來(lái)直接把已經(jīng)好的文件發(fā)布到預(yù)覽環(huán)境。這樣以后組里的其他同事也都可以用一行命令自己部署預(yù)覽環(huán)境了。 場(chǎng)景 進(jìn)入公司一段時(shí)間了。流程還是不太讓人省心。就在上個(gè)提測(cè)版本的質(zhì)量還是沒(méi)法保證，總是或多或少出現(xiàn)一些問(wèn)題。于是就想到了上家公司的一個(gè)做法。就是在提測(cè)前...

    ctriptech 評(píng)論0 收藏0

  • 測(cè)試開(kāi)發(fā)實(shí)戰(zhàn)[提測(cè)平臺(tái)]15-實(shí)現(xiàn)提測(cè)單修改和郵件標(biāo)記

    摘要：繼續(xù)測(cè)試開(kāi)發(fā)實(shí)戰(zhàn)系列的分享，本篇是對(duì)提測(cè)平臺(tái)的提測(cè)功能的編輯功能進(jìn)行實(shí)現(xiàn)，主要重點(diǎn)是服務(wù)端更新接口中郵件內(nèi)容標(biāo)注邏輯實(shí)現(xiàn)，和對(duì)前端上篇添加需求的基礎(chǔ)進(jìn)行適配改造。微信搜索【大奇測(cè)試開(kāi)】，關(guān)注這個(gè)堅(jiān)持分享測(cè)試開(kāi)發(fā)干貨的家伙。繼續(xù)測(cè)試開(kāi)發(fā)實(shí)戰(zhàn)系列的分享，本篇是對(duì)提測(cè)平臺(tái)的提測(cè)功能的編輯功能進(jìn)行實(shí)現(xiàn)，主要重點(diǎn)是服務(wù)端更新接口中郵件內(nèi)容標(biāo)注邏輯實(shí)現(xiàn)，和對(duì)前端上篇添加需求的基礎(chǔ)進(jìn)行適配改造。TPMSe...

    番茄西紅柿 評(píng)論0 收藏2637

  • 開(kāi)發(fā)后臺(tái)項(xiàng)目的套路是什么？

    摘要：跨部門(mén)溝通溝通確定后，溝通結(jié)果以郵件的形式確認(rèn)抄送相關(guān)。創(chuàng)建更改數(shù)據(jù)庫(kù)根據(jù)公司要求規(guī)范操作數(shù)據(jù)表，確定后郵件抄送相關(guān)開(kāi)發(fā)。靜態(tài)頁(yè)面開(kāi)發(fā)目前后臺(tái)項(xiàng)目大部分使用，自己拼頁(yè)面即可。更新將自己開(kāi)發(fā)的功能模塊，部署到上。 需求評(píng)估 產(chǎn)品經(jīng)理、開(kāi)發(fā)工程師、測(cè)試工程師，組織需求評(píng)審會(huì)議，講解本次的開(kāi)發(fā)功能。 開(kāi)發(fā)需分析： 是否涉及到其他開(kāi)發(fā)部門(mén)？ 是否需要?jiǎng)?chuàng)建數(shù)據(jù)庫(kù)/數(shù)據(jù)表？ 本次需要做多少頁(yè)面？...

    whjin 評(píng)論0 收藏0

  • 有贊業(yè)務(wù)中臺(tái)測(cè)試團(tuán)隊(duì)介紹

    摘要：在冒煙測(cè)試執(zhí)行過(guò)程中，開(kāi)發(fā)可以跟測(cè)試確定一個(gè)合理的冒煙用例數(shù)。另外在中臺(tái)測(cè)試組每月或每季度會(huì)成立專項(xiàng)測(cè)試小組專門(mén)執(zhí)行對(duì)應(yīng)的專項(xiàng)測(cè)試。 一、團(tuán)隊(duì)概況 ?有贊幫助每一位重視產(chǎn)品和服務(wù)的商家成功，目前旗下?lián)碛校河匈澪⑸坛?、有贊零售、有贊美業(yè)、有贊小程序等SaaS軟件產(chǎn)品，適用全行業(yè)多場(chǎng)景，幫商家網(wǎng)上開(kāi)店、網(wǎng)上營(yíng)銷(xiāo)、管理客戶、獲取訂單。 ?有贊業(yè)務(wù)中臺(tái)測(cè)試團(tuán)隊(duì)按照職責(zé)劃分為六條線：交易組、營(yíng)銷(xiāo)...

    gaosboy 評(píng)論0 收藏0

  • 一口氣完成electron的入門(mén)學(xué)習(xí)

    摘要：目前類(lèi)似的工具有，等。在渲染進(jìn)程中，直接調(diào)用原生的接口是十分危險(xiǎn)的。這里介紹一種，通過(guò)和對(duì)象，以消息的方式進(jìn)行通信。主進(jìn)程獲得消息后，通過(guò)返回信息。另外，還提供了一種同步的消息傳遞方式。打包完成功能代碼后，我們需要將代碼打成可運(yùn)行的包。 介紹 目前，使用前端技術(shù)開(kāi)發(fā)桌面應(yīng)用已經(jīng)越來(lái)越成熟，這使得前端同學(xué)也可以參與桌面應(yīng)用的開(kāi)發(fā)。目前類(lèi)似的工具有electron，NW.js等。這里我們著...

    Ethan815 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<