国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Electron 前端提測小工具

Riddler / 3543人閱讀

摘要:場景目前公司的測試環境還是由開發來搭建和部署的。沒網,我就做個離線版的工具唄。調研選型技術目前我了解到使用前端技術做桌面應用有和以及著三種神器。好了,多說無用,來預覽一下我們的小工具吧默認,就是最新的要提測的包。更新于年月日已入手。

場景

目前公司的測試環境還是由開發來搭建和部署的。這種做法是極其不科學的。所以那種部署啊什么的重復性的操作還是做個工具讓測試自己去部署好了。
先來預覽一下工具-.-:

實施

本來是想做個在線版的工具的。但是和公司運維溝通蛋疼。測試服務器沒網,讓他們開個聯網的權限bb個不停,還來個這是我該做的事情嗎?我只能說我是前端開發,服務器有需求是我一個開發該做的事情嗎?
好了,不抱怨,我前端啥都能玩,不就是沒網,照樣懟。
沒網,我就做個離線版的工具唄。做個桌面應用不就好啦。

挖坑記錄

雖然以前也沒折騰過桌面應用什么的,但是不要慫,擼起袖子干。

調研選型技術

目前我了解到使用前端技術做桌面應用有 Electron 和 NW.js 以及 heX 著三種神器。具體選哪個呢,不糾結,看到
Electron 出自github,那自然首先考慮啦。

安裝 Electron

作為一個懶人,首先想到的就是手腳架啦:

# 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

然后我們大概可以看到這樣一個應用:

然后我們看到了這樣的目錄結構:

看下,我們熟悉的也就 index.html, main.js 和 renderer.js 這三個文件。都打開看看,然后再和本地跑起來的應用關聯下,不難理解 main.js 就是用來創建我們應用視窗的。index.html 是用來展示應用主內容的。
既然是 html 和 js 那就擼起袖子干咯。

碼字

注意看 renderer.js 的注釋:


不需要多么高深的英語吧?說這個文件是被 index.html 引用的。這個文件還可以編寫 nodejs 的代碼。如此說來那不就 easy 了。
在此之前,已經挖了一個坑:

基于 vue-cli 的前端項目的自動發布預覽環境 https://segmentfault.com/a/11...

既然可以寫nodejs,那就直接把之前做的 nodejs 相關代碼拿來用就好啦。

仍然是使用 ssh2 模塊,鏈接服務器,然后調用之前編寫的 shell 腳本,傳入的參數稍作修改就好了。
好了,多說無用,來預覽一下我們的小工具吧:


默認,dist.zip就是最新的要提測的包。如果這個包部署在測試環境出現問題,影響測試了,那么可以點擊修改,然后輸入我們開發提供一個回退版本的包名,然后點擊發布測試環境等待構建完成就ok了。

嘿嘿,前端是不是無敵逆天了。開發完畢還沒完,要給測試用,是不是要打包成一個 exe。

electron-packager 打包應用

安裝:

npm install electron-packager -g

打包:

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

第一個參數是要打包的資源路徑,這里我用的點代表當前路徑下的資源。 第二個參數是要打包的文件名,最后一個參數是打包后輸出在哪個文件夾下。

整理

作為一個窮鬼,也就在 windows 下折騰了一番。啥時候買個Mac,再來裝一波啊。

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90766.html

相關文章

  • 基于 vue-cli 的前端項目的自動發布預覽環境

    摘要:就是在提測前部署一個預覽環境,在提測前,每個人本地驗證一遍,再放在預覽環境驗證一遍。于是就準備啪啪啪擼一個完成自動發布預覽環境的工具。用來直接把已經好的文件發布到預覽環境。這樣以后組里的其他同事也都可以用一行命令自己部署預覽環境了。 場景 進入公司一段時間了。流程還是不太讓人省心。就在上個提測版本的質量還是沒法保證,總是或多或少出現一些問題。于是就想到了上家公司的一個做法。就是在提測前...

    ctriptech 評論0 收藏0
  • 測試開發實戰[提測平臺]15-實現提測單修改和郵件標記

    摘要:繼續測試開發實戰系列的分享,本篇是對提測平臺的提測功能的編輯功能進行實現,主要重點是服務端更新接口中郵件內容標注邏輯實現,和對前端上篇添加需求的基礎進行適配改造。微信搜索【大奇測試開】,關注這個堅持分享測試開發干貨的家伙。繼續測試開發實戰系列的分享,本篇是對提測平臺的提測功能的編輯功能進行實現,主要重點是服務端更新接口中郵件內容標注邏輯實現,和對前端上篇添加需求的基礎進行適配改造。TPMSe...

    番茄西紅柿 評論0 收藏2637
  • 開發后臺項目的套路是什么?

    摘要:跨部門溝通溝通確定后,溝通結果以郵件的形式確認抄送相關。創建更改數據庫根據公司要求規范操作數據表,確定后郵件抄送相關開發。靜態頁面開發目前后臺項目大部分使用,自己拼頁面即可。更新將自己開發的功能模塊,部署到上。 需求評估 產品經理、開發工程師、測試工程師,組織需求評審會議,講解本次的開發功能。 開發需分析: 是否涉及到其他開發部門? 是否需要創建數據庫/數據表? 本次需要做多少頁面?...

    whjin 評論0 收藏0
  • 有贊業務中臺測試團隊介紹

    摘要:在冒煙測試執行過程中,開發可以跟測試確定一個合理的冒煙用例數。另外在中臺測試組每月或每季度會成立專項測試小組專門執行對應的專項測試。 一、團隊概況 ?有贊幫助每一位重視產品和服務的商家成功,目前旗下擁有:有贊微商城、有贊零售、有贊美業、有贊小程序等SaaS軟件產品,適用全行業多場景,幫商家網上開店、網上營銷、管理客戶、獲取訂單。 ?有贊業務中臺測試團隊按照職責劃分為六條線:交易組、營銷...

    gaosboy 評論0 收藏0
  • 一口氣完成electron的入門學習

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

    Ethan815 評論0 收藏0

發表評論

0條評論

Riddler

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<