【Electron】酷家乐客户端开发实践分享-软件自动更新

浣滆€咃細閽熶附閰峰涔怭C瀹㈡埛绔礋璐ｄ汉鍘熸枃鍦板潃锛歨ttps://webfe.kujiale.com/electron-autoupdate/kujiale瀹㈡埛绔細涓嬭浇鍦板潃https://www.kujiale.com/activity/136鏂囩珷鑳屾櫙锛氶叿瀹朵箰瀹㈡埛绔湪V12鏀圭増鎴愬姛鍚庯紝绉疮浜嗗緢澶氬疂璐电殑缁忛獙鍜屾渶浣冲疄璺点€傚墠绔ぞ鍖哄Electron鐨勪簡瑙ｆ瘮杈冨皯锛屾墍浠ュ笇鏈涗互绯诲垪鏂囩珷鐨勫舰寮忓垎浜繖鏂归潰鐨勫唴瀹广€傜郴鍒楁枃绔狅細銆怑lectron銆戦叿瀹朵箰瀹㈡埛绔紑鍙戝疄璺靛垎浜?鍏ュ潙銆怑lectron銆戦叿瀹朵箰瀹㈡埛绔紑鍙戝疄璺靛垎浜?杞欢鑷姩鏇存柊銆怑lectron銆戦叿瀹朵箰瀹㈡埛绔紑鍙戝疄璺靛垎浜?娴忚鍣ㄥ惎鍔ㄥ鎴风銆怑lectron銆戦叿瀹朵箰瀹㈡埛绔紑鍙戝疄璺靛垎浜?杩涚▼閫氫俊銆怑lectron銆戦叿瀹朵箰瀹㈡埛绔紑鍙戝疄璺靛垎浜?涓嬭浇绠＄悊鍣ㄦ椂鏃舵洿鏂?..鏇存柊鍘熺悊鍦ㄨ瀹㈡埛绔洿鏂版柟妗堜箣鍓嶏紝鎴戜滑鍏堟潵浜嗚В涓€涓媤eb瀹㈡埛绔洿鏂板師鐞嗗拰web搴旂敤鐨勪笘鐣學eb搴旂敤绋嬪簭锛屾垜浠€氬父浼氭洿鏂癢eb鏈嶅姟鍣ㄤ笂鐨勫墠绔唬鐮侊紙妯℃澘锛孒TML锛屽彲鑳借繕鏈塲s锛宑ss锛変互鍙戝竷鏂板姛鑳姐€備箣鍚庣敤鎴峰啀娆¤闂垜浠殑web鏈嶅姟鍣紝寰楀埌鐨勬槸鏇存柊鍚庣殑鍓嶇浠ｇ爜銆俉eb搴旂敤鏇存柊涔嬫墍浠ュ姝ゆ柟渚匡紝寰楃泭浜庡叾闆嗕腑瀛樺偍鐨勬柟寮忥細Web搴旂敤鐨勫墠绔唬鐮佷竴鑸泦涓瓨鍌ㄥ湪鏈嶅姟鍣ㄦ垨浜戞湇鍔′笂銆傛祻瑙堝櫒姣忔閮戒細鍘绘湇鍔″櫒鎷夊彇鏈€鏂扮殑璧勬簮銆備笉鎸佷箙淇濆瓨web搴旂敤浠ｇ爜鐨勬祻瑙堝櫒缂撳瓨锛屼篃鍙互鐪嬩綔鏄皢鍓嶇浠ｇ爜淇濆瓨鍦ㄧ敤鎴锋湰鍦版満鍣ㄤ笂锛屼絾鏄綋web搴旂敤闇€瑕佹洿鏂版椂锛屽繀椤荤鐢ㄧ紦瀛橈紝鍚﹀垯鏈鍙戝竷瀵规湁缂撳瓨鐨勭敤鎴锋棤鏁堛€傚鎴风涓嶅悓浜巜eb搴旂敤鐨勯泦涓瓨鍌ㄣ€傚鎴风鐨勪唬鐮佸叾瀹炲氨鏄竴绉嶅垎甯冨紡瀛樺偍銆傛瘡涓敤鎴风數鑴戦兘鏈変竴涓畬鏁寸殑浠ｇ爜鏂囦欢锛屾湁鐐瑰儚git銆傚綋鐢ㄦ埛鍦ㄧ數鑴戜笂瀹夎瀹㈡埛绔椂锛屽鎴风浠ｇ爜鏂囦欢瀹為檯涓婁細姘镐箙淇濆瓨鍦ㄧ數鑴戜笂銆備緥濡傦紝鍦∕acOS涓婏紝浠ｇ爜鏂囦欢瀛樺偍鍦?Applications鐩綍涓€傚鎴风鍐呭祵缃戦〉鐨勬洿鏂版柟娉曚笌涓婅堪Web搴旂敤鐨勬洿鏂扮浉鍚岋紝涓嶅啀璧樿堪锛堝弬鑰冩墜鏈篈PP鍐呭祵H5椤甸潰鐨勬洿鏂帮級銆傜粨鏉熻Web搴旂敤绋嬪簭鐨勬洿鏂板疄闄呬笂鏄洿鏂版湇鍔＄鐨勪唬鐮佹枃浠跺鎴风鐨勬洿鏂板疄闄呬笂鏄洿鏂扮敤鎴风數鑴戜笂鐨勪唬鐮佹枃浠躲€侲lectron瀹樼綉鏈夋洿鏂癆pplications鐨勬暀绋嬶紝浣嗘槸閮戒笉鑳芥弧瓒充笟鍔￠渶姹傦細update.electron.org锛屼唬鐮佸繀椤绘墭绠″湪github涓婏紝閫氳繃electron-builder锛寃indows鍙敮鎸丯SIS锛岃繕鏈塇TTP鏈嶅姟闇€瑕佸缓閫犮€傛洿鏂扮▼搴廢I鍜屼氦浜掑畾鍒朵笉鏄緢鍙嬪ソ銆侱eployinganUpdateServer锛岃繖绉嶆柟妗堥渶瑕侀儴缃叉洿鏂版湇鍔″櫒锛屼篃姣旇緝楹荤儲銆傚洜姝わ紝鎴戜滑浣跨敤浜嗕竴濂楄嚜宸卞疄鐜扮殑鏇存柊娴佺▼銆?.妫€鏌ユ洿鏂版鏌ユ洿鏂版槸鏁翠釜杩囩▼鐨勭涓€姝ャ€傚鏋滄湁鏇存柊锛屽氨浼氭墽琛屽悗缁殑鏇存柊閫昏緫銆傞€氬父鎴戜滑浼氬湪杞欢鍚姩鏃舵鏌ユ洿鏂般€傛鏌ユ洿鏂扮殑绛栫暐瀹為檯涓婃槸灏嗘湰鍦板鎴风鐨勭増鏈笌杩滅▼鐗堟湰杩涜姣旇緝锛岀劧鍚庢牴鎹増鏈瘮杈冪殑缁撴灉缁欏嚭涓嶅悓鐨勬洿鏂版樉绀恒€備笌鑷繁鎼缓鏇存柊鏈嶅姟鍣ㄧ浉姣旓紝缁存姢涓€浠借繙绋婮SON鏁版嵁鐨勬垚鏈潪甯镐綆銆傝繖涓繙绋嬫暟鎹彲浠ユ槸鍚庣鎺ュ彛锛屼篃鍙互鏄疌DN涓婄殑json鏂囦欢锛岄渶瑕佹洿鏂扮殑鏃跺€欏彲浠ュ強鏃舵洿鏂拌繙绋嬫暟鎹殑鍐呭銆傝繙绋婮SON鏁版嵁涓€鑸瓨鍌ㄧ増鏈彿銆佹洿鏂板唴瀹逛粙缁嶅拰鍙戝竷鏃堕棿锛歝onstupdateData=axios.get('https://some-update.json');console.log(updateData);/*{version:'1.0.0',changeLogs:['璁╂垜浠紑鍙戜竴涓壓鐗?,'娣诲姞馃悅馃嵑鐨勫姛鑳?],time:'2019-06-06',}*/localversion鍦ㄨ幏鍙栨湰鍦扮増鏈潪甯哥畝鍗旹lectronapp.getVersionconstlocalVersion=app.getVersion();//version0.0.1涓€鑸儏鍐典笅锛屽綋杩滅▼鐗堟湰鍙峰ぇ浜庢湰鍦扮増鏈椂锛岃涓烘湁鏇存柊銆傚湪鏇存柊鐨勬儏鍐典笅锛屾垜浠篃鍙互鏍规嵁鐗堟湰鍙风殑澶с€佸皬銆佽ˉ涓佺増鏈彉鍖栧埗瀹氫笉鍚岀殑鏇存柊绛栫暐銆?/Remoteversion>LocalversionconstshouldUpdate=semver.gt(removeVersion,localVersion);//绀轰緥锛氬綋涓荤増鏈彿鍙戠敓鍙樺寲鏃剁粰鍑哄己鏇存柊鎻愮ず銆傚惁鍒欙紝缁欏嚭涓€涓甯哥殑鏇存柊鎻愮ずconstisMajorUpdate=semver.diff(removeVersion,localVersion)==='major';if(!shouldUpdate)return;//娌℃湁鏇存柊锛屾病鏈夊悗缁璱f(isMajorUpdate){console.log('缁橧ssue涓€涓己鏇存柊')}else{console.log('缁欎竴涓甯哥殑鏇存柊鎻愮ず')}瀵逛簬鐗堟湰鍙风殑鎿嶄綔锛屼娇鐢╯emver2锛屾洿鏂版彁绀哄嬀閫夎蒋浠舵洿鏂板悗锛岄渶瑕佺粰鍑烘洿鏂版彁绀猴紝鎻愰啋鐢ㄦ埛銆傛鏃讹紝鎴戜滑灏嗕娇鐢ㄤ竴涓獥鍙ｆ潵鎵胯浇鏇存柊鎻愮ず鐨勫唴瀹癸紝浠ヤ笅缁熺О涓烘洿鏂扮獥鍙ｃ€傛洿鏂扮獥鍙ｅ唴鐨勪唬鐮佺ず渚嬶細constupdateData=axios.get('some-update.json')//妫€鏌ユ洿鏂伴€昏緫锛岀渷鐣f(!shouldUpdate)return;//娌℃湁鏇存柊//杩欓噷鎵ц锛岃偗瀹氭湁鏇存柊銆傝幏鍙栨洿鏂版暟鎹苟娓叉煋绐楀彛鍐呭ReactDom.render(console.log('鐢ㄦ埛鐐瑰嚮浜嗘洿鏂?)}/>,'#app');//YesUpdate锛屼富鍔ㄦ樉绀虹獥鍙ｏ紙鏇存柊绐楀彛榛樿闅愯棌锛塩urrentWindow.show();3銆佹洿鏂版湰鍦版枃浠跺綋鐢ㄦ埛鐐瑰嚮浜嗘洿鏂版寜閽紝灏辨剰鍛崇潃鎴戜滑鍙互寮€濮嬫渶鍚庝竴姝ヤ簡銆傛渶鍚庝竴姝ワ紝鎴戜滑鍒嗕负涓ゆ锛氳幏鍙栨渶鏂扮殑瀹夎绋嬪簭锛?dmg鎴?exe锛夛紝鍥犱负鏈€鏂扮殑浠ｇ爜鏂囦欢鍦ㄥ畨瑁呯▼搴忎腑鏇挎崲浜嗙敤鎴锋満鍣ㄤ笂鐨勪唬鐮佹枃浠讹紝鍙互閫氳繃鐢ㄦ埛锛屾垨鑰呮垜浠彲浠ュ府鍔╃敤鎴峰仛鍒拌繖涓€鐐广€傛垜浠潵鐪嬬湅杩欎袱涓渚嬫槸濡備綍瀹炵幇鐨勩€傜暀缁欑敤鎴峰幓鏇存柊棣栧厛锛屾垜浠渶瑕佸皢缃戠珯瀹㈡埛绔笅杞介〉闈㈢殑瀹夎绋嬪簭璧勬簮鏇存柊鍒版渶鏂般€傜劧鍚庯紝鐢ㄦ埛鐐瑰嚮鏇存柊鎸夐挳鍚庯紝鐩存帴鐢ㄦ湰鏈洪粯璁ゆ祻瑙堝櫒鎵撳紑涓嬭浇椤甸潰锛岃鐢ㄦ埛鑷涓嬭浇瀹夎銆傚畨瑁呯▼搴忔甯告墽琛屽悗锛屽彲浠ヨ鐩栨満鍣ㄦ湰韬殑浠ｇ爜鏂囦欢銆傜敤鎴烽€氳繃娴忚鍣ㄥ湪涓嬭浇椤甸潰鑾峰彇鏈€鏂扮殑瀹夎绋嬪簭銆傜敤鎴锋墜鍔ㄦ墦寮€瀹夎绋嬪簭骞舵墽琛屽畨瑁呯▼搴忕洿鑷冲畬鎴愩€傝繖绉嶆柟寮忕殑鐢ㄦ埛浣撻獙涓嶆槸寰堝ソ锛屼絾鏄紭鐐逛篃寰堟槑鏄撅細鑺傜渷浜嗗ぇ閲忕殑寮€鍙戞垚鏈紝鐩存帴澶嶇敤缃戦〉杩涜鏇存柊銆傚鏋滈噰鐢ㄨ繖绉嶇瓥鐣ワ紝浠ｇ爜浼氬緢绠€鍗曪細//鐐瑰嚮鏇存柊鎸夐挳functionhandleUpdate(){shell.openExternal('https://www.kujiale.com/activity/136');//鎵撳紑涓€涓笅杞介〉闈紝鍓╀笅鐨勪氦缁欑敤鎴穧鎴戜滑浼氬府鍔╃敤鎴锋洿鏂板綋鐒讹紝涓轰簡杩芥眰鏇村ソ鐨勭敤鎴蜂綋楠岋紝鏈€濂界洿鎺ュ湪鏇存柊绐楀彛鐨勪唬鐮佷腑瀹炵幇鍔熻兘.绗竴姝ユ槸涓嬭浇鏈€鏂扮殑瀹夎绋嬪簭骞舵樉绀轰笅杞借繘搴︺€備笅杞借繘搴﹀姛鑳芥帹鑽愪娇鐢╮equest-progress銆傚綋鐒朵篃鍙互浣跨敤NodeJs鍘熺敓鐨刪ttp鍜宻tream妯″潡鏉ユ樉绀轰笅杞借繘搴︼紝杩欓噷涓嶅仛璇︾粏璇存槑銆備笅杞界殑瀹夎绋嬪簭鍙互鏆傛椂瀛樻斁鍦ㄧ敤鎴风數鑴戠殑涓存椂鏂囦欢澶逛腑constfs=require('fs');constrequest=require('request');constprogress=require('request-progress');//鐐瑰嚮鏇存柊鎸夐挳鍑芥暟handleUpdate(){//鏍规嵁鐗堟湰鍙锋嫾鎺ュ畨瑁呯▼搴忓湴鍧€constdownloadUrl=`https://someupdate/${updateData.version}/installer.dmg`;//浣跨敤璇锋眰涓嬭浇progress(request(downloadUrl)).on('progress',(state)=>{//progressconsole.log(state)})//鍐欏叆涓存椂鏂囦欢澶?pipe(fs.createWriteStream(path).join(app.getPath('temp'),'installer.dmg')))}杩涘害鏄剧ず绀轰緥鍥撅細绗簩姝ユ槸灏嗗畨瑁呯▼搴忎腑鐨勪唬鐮佹枃浠舵洿鏂板埌鐢ㄦ埛鏈湴鏈哄櫒銆傝繖鏃舵湁涓ょ閫夋嫨锛氱洿鎺ユ墦寮€瀹夎绋嬪簭锛岀敤鎴锋寜鐓у畨瑁呯▼搴忕殑寮曞鐐瑰嚮鍑犱笅鍗冲彲瀹屾垚瀹夎銆傝В鍘嬪畨瑁呯▼搴忎腑鐨勫唴瀹癸紝鏇存柊鍐呭鍒扮敤鎴锋湰鏈篧indows涓嬶紝瀹夎绋嬪簭涓湁涓氬姟閫昏緫锛氭搷浣滄敞鍐岃〃銆佸嵏杞界▼搴忋€佸揩鎹锋柟寮忕瓑锛屾墍浠ユ垜浠€夋嫨绗竴涓€夐」銆俢onst{shell,app}=require('electron');shell.openItem('浣犵殑瀹夎绋嬪簭exe璺緞');//鎵撳紑涓嬭浇鐨勫畨瑁呯▼搴廰pp.quit();//MacOS涓嬮€€鍑哄綋鍓嶅鎴风锛屾垜浠笅鍙戠殑dmg鏂囦欢鍏跺疄鏄病鏈変笟鍔￠€昏緫鐨勶紝鎵€浠ユ垜浠彲浠ヤ娇鐢ㄧ浜岀鏂规锛岀洿鎺ヨВ鍘?app鐩綍锛岀劧鍚庡鍒跺埌/Applications鐩綍涓嬨€侻acOS涓嬪彲浠ヤ娇鐢╤diutil瑙ｅ帇dmg鏂囦欢銆俢onstcp=require('child_progress');constpath=require('璺緞');constfs=require('fs-extra');//涓嬭浇鍚庣殑dmg鏂囦欢锛屾枃浠朵腑鐨?app鐩綍鍚嶄负TestconstinstallerPath='/your_installer.dmg';//浣跨敤hdiutil瑙ｅ帇dmg鏂囦欢鍐呴儴璧勬簮锛岃В鍘嬪悗鐨勮祫婧愮洰褰曚负/Volumes/your_installercproc.execSync(`hdiutilattach${installerPath}-nobrowse`,{stdio:['ignore','ignore'锛?蹇界暐']}锛?//鍒犻櫎鍘熸潵鐨?app鐩綍fs.removeSync('/Applications/Test.app');//澶嶅埗Volumes鐩綍涓嬬殑.app鐩綍鍒?Applications涓紝鏇存柊瀹屾垚fs.copySync('/Volums/your_installer/Test.app','/Applications');//閲嶅惎搴旂敤绋嬪簭app.relaunch();搴旂敤绋嬪簭閫€鍑猴紙锛夛紱鏈€鍚庢杩庡ぇ瀹跺湪璇勮鍖鸿璁猴紝鎶€鏈氦娴?杞粙->zhongli@qunhemail.com