亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Electron 前端提測小工具

Riddler / 3609人閱讀

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

場景

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

實(shí)施

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

挖坑記錄

雖然以前也沒折騰過桌面應(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è)文件。都打開看看，然后再和本地跑起來的應(yīng)用關(guān)聯(lián)下，不難理解 main.js 就是用來創(chuàng)建我們應(yīng)用視窗的。index.html 是用來展示應(yīng)用主內(nèi)容的。
既然是 html 和 js 那就擼起袖子干咯。

碼字

注意看 renderer.js 的注釋：


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

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

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

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


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

嘿嘿，前端是不是無敵逆天了。開發(fā)完畢還沒完，要給測試用，是不是要打包成一個(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í)候買個(gè)Mac，再來裝一波啊。

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0條評(píng)論

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