鍓嶈█-涓€鐩村繖浜庡紑鍙戯紝鎵嶅浠ヨ嚧鐢紝鎬绘槸鐪嬩竴浜涗笢瑗块浂鏁ｃ€備綘鎯冲鐐逛粈涔堝悧锛熷憙鈥︹€﹀ソ鍍忓浼氫簡锛屽張濂藉儚娌″浼氥€備笉鐭ラ亾澶у鏈夋病鏈夎繖绉嶆劅瑙夛紝鎵€浠ュ湪鏂扮殑涓€骞村紑濮嬬殑鏃跺€欙紝鎹竴绉嶅涔犳柟寮忥紝瀹屽叏鏍规嵁鑷繁鎵€瀛︾殑鏉ュ涔犱竴浜涗笢瑗裤€傛濂戒箣鍓嶆兂鎺ヨЕ涓€涓婥I銆傝繖閲岀殑鐭ヨ瘑閮芥槸CD锛屾墍浠ヨ繕鏄厛浠庢渶甯哥敤鐨刧ithub鍏ユ墜鍚э紝姣曠珶鍏嶈垂鑰屼笖甯哥敤銆傚垵濮嬪寲椤圭洰鍒涘缓github浠ｇ爜浠撳簱锛屽皢椤圭洰clone鍒版湰鍦帮紝杩涘叆鐩綍鍒濆鍖栭」鐩畁pxcreate-react-app骞舵寜鐓у懡浠ゆ彁绀哄畬鎴愬垵濮嬪寲骞舵帹閫佸埌github銆傞厤缃甮ithubactions鐨勭洰鐨勬槸灏嗕唬鐮佹帹閫佸埌master鍒嗘敮锛岃嚜鍔ㄥ紑濮嬫瀯寤洪」鐩紝閮ㄧ讲鍒癎thubPages銆傛寜鐓ф枃妗ｈ繍琛岀涓€涓祦绋嬶紝璁╄嚜宸辩湅鐪嬫晥鏋滐紝瀛︿範璇硶鍐呭锛屾縺鍙戝叴瓒ｏ紝浠ュ厤鐩存帴鐪嬬潃鏂囨。鐫＄潃銆傘€傘€傚皢.gihub/workflows鏂囦欢澶规坊鍔犲埌澶栧眰鐩綍锛屽垱寤虹涓€涓猣irst-demo.yml鏂囦欢锛屽鍒剁ず渚嬪唴瀹?name:GitHubActionsDemon:[push]jobs:Explore-GitHub-Actions:runs-on:ubuntu-lateststeps:-run:echo"馃帀璇ヤ綔涓氱敱${{github.event_name}}浜嬩欢鑷姩瑙﹀彂銆?-杩愯锛歟cho鈥滒煇ф浣滀笟鐜板湪姝ｅ湪GitHub鎵樼鐨?{{runner.os}}鏈嶅姟鍣ㄤ笂杩愯锛佲€?杩愯锛歟cho鈥滒煍庝綘鐨勫垎鏀悕绉版槸${{github.ref}}骞朵笖浣犵殑瀛樺偍搴撴槸${{github.repository}}銆傗€?name:Checkoutrepositorycodeuses:actions/checkout@v2-run:echo"馃挕${{github.repository}}瀛樺偍搴撳凡琚厠闅嗗埌runner銆?-杩愯锛歟cho鈥滒煐ワ笍宸ヤ綔娴佺▼鐜板湪宸插噯澶囧ソ鍦ㄨ繍琛屽櫒涓婃祴璇曟偍鐨勪唬鐮併€傗€?鍚嶇О锛氬垪鍑哄瓨鍌ㄥ簱涓殑鏂囦欢杩愯锛殀ls${{github.workspace}}-杩愯锛歟cho"馃崗杩欎釜宸ヤ綔鐨勭姸鎬佹槸${{job.status}}."鎻愪氦浠ｇ爜锛岀偣鍑籫ithub浠撳簱涓婃柟鐨凙ctions鎸夐挳鏌ョ湅鏁堟灉锛岀涓€涓伐浣滄祦绋嬪畬鎴愶紝寮€濮嬬紪鍐欒嚜宸辩殑yml鏂囦欢锛屽疄鐜拌嚜鍔ㄦ瀯寤哄揩閫熸祻瑙堟枃妗ｏ紝瀛︿範璇硶锛屽疄鐜皐hatyouwant宸ヤ綔娴併€備粠demo涓彲浠ョ湅鍑轰富瑕佹湁杩欎箞鍑犱釜姝ラ鐨勬祦绋媋chieve鏄彁浜や唬鐮侊紝鎵€浠ヤ娇鐢╬ush.jobs渚濇杩愯jobs鐩爣鏄庣‘鍚庯紝寮€濮嬪啓yml#鏄剧ず宸ヤ綔娴佸悕绉帮細FirstGitHubActionsDemoon:#鎺ㄩ€佸埌master鍒嗘敮骞跺紑濮嬫墦鍖卲ush:branches:-masterjobs:#寮€濮嬫墦鍖匓uild:runs-on:ubuntu-lateststeps:-name:checkoutcode#checkout瑙﹀彂娴佺▼鐨勭増鏈厑璁镐互涓嬪伐浣滄祦璁块棶uses:actions/checkout@v2#setup-node鍙互鎻愪緵Node鐜,鎸囧畾node鐗堟湰鍜宯pm/yarncache-name:actions/setup-node@v2uses:actions/setup-node@v2with:node:16.14#鍒濆npm鎵撳寘鏃堕棿澶暱锛屾墍浠ユ兂鐢▂arn浣滀负缁撴灉锛屾垜娌℃湁浠旂粏闃呰鏂囨。銆俌arn涓嶉渶瑕佸畨瑁卽buntu銆?-name:installyarn#uses:npminstallyarn#-run:yarninstall#-run:yarnbuild#shorthandfor-run:yarninstall&&yarnbuild鎻愪氦浠ｇ爜鐪婣ctions锛堣繖鏄病鏈夌殑鏃跺€欑殑娴佺▼涓婇潰鐨勪紭鍖栵級銆傝嚦姝わ紝鎻愪氦鑷姩鎵撳寘浠ｇ爜鐨勮繃绋嬪凡缁忓畬鎴愶紝浣嗘槸鎵撳寘鏃堕棿鏄竴鍒嗗崐閽熴€傚鏋滃湪瀹為檯寮€鍙戜腑鍔犲叆澶ч噺鐨勪緷璧栵紝宀備笉鏄鑺卞崐涓皬鏃讹紵鎵撳紑杩涚▼鐪嬪埌澶ч儴鍒嗘椂闂撮兘鍦ㄤ笅杞戒緷璧栵紝閭ｄ箞鏄笉鏄彲浠ュ姞涓紦瀛樺憿锛熸悳绱簡涓€涓嬶紝纭疄鏈夌紦瀛橈紝鎸夌収鏂囨。娣诲姞灏卞ソ浜嗐€備竴鐪嬶紝鏃堕棿鏄?6s锛屽搱鍝堬紝鏋滅劧鏈夋晥銆傚埌鐩墠涓烘yml鍐呭鏄痭ame:FirstGitHubActionsDemoon:push:branches:-masterjobs:Build:runs-on:ubuntu-lateststeps:-name:checkoutcodeuses:actions/checkout@v2-name:actions/setup-node@v2uses:actions/setup-node@v2with:node:16.14#閰嶇疆渚濊禆缂撳瓨-name:yarncacheid:yarn-cahce-dir-pathrun:echo"::set-outputname=dir::$(yarncachedir)"-浣跨敤锛歛ctions/cache@v2id:yarn-cachewith:path:${{steps.yarn-cahce-dir-path.outputs.dir}}key:${{runner.os}}-yarn-${{hashFiles('**/yarn.lock')}}鎭㈠閿細|${{runner.os}}-yarn--run:yarninstall&&yarnbuild閮ㄧ讲椤甸潰鍒癎ithubPages棣栧厛闇€瑕佽缃竴涓垎鏀綔涓虹珯鐐圭殑鏍圭洰褰曪紝鍏蜂綋璁剧疆鏂囨。銆傝缃畬鎴愬悗浼氬憡璇変綘缃戠珯璁块棶鍦板潃锛坧s锛氫竴瀹氳灏嗕粨搴撹缃负Public锛屽惁鍒欐棤娉曡缃級銆傛牴鎹枃妗ｇ紪杈?yml锛屾坊鍔爎elease娴佺▼#鎸夌収涓婇潰鐨勬楠?娣诲姞鏂扮殑deploy-name:deployuses:Jame鈥嬧€媠Ives/github-pages-deploy-action@v4.2.3with:branch:gh-pages#閮ㄧ讲鐨勫垎鏀痭ame蹇呴』鏈変竴涓嫭绔嬬殑鍒嗘敮锛岀涓€娆¤缃负master銆傛瀯寤哄畬鎴愬悗锛岀洿鎺ユ竻绌烘垜鐨勫伐绋嬫枃浠讹紝鍙墿涓嬫墦鍖呭悗鐨勬枃浠躲€俧older:build#build涔嬪悗锛屾枃浠剁洰褰曟晥鏋滃凡缁忚揪鍒颁簡杩欓噷鐨勫熀鏈洰鐨勶紝浣嗘槸鎴戠湅鍏徃鍐呴儴娴佺▼锛宨nstall銆乥uild銆乨eploy娴佺▼鏄垎寮€鐨勶紝鏈夊埄浜庡姞涓€浜涢獙璇侊紝lint瑙勫垯鍜屽叾浠栬繘绋嬶紝鎵€浠ユ垜鍦ㄦ兂濡備綍鎷嗗垎杩涚▼銆傜涓€娆★紝鎴戠畝鍗曟媶鍒嗗悕绉帮細FirstGitHubActionsDemoon:push:branches:-master-devjobs:Build:runs-on:ubuntu-lateststeps:uses:actions/checkout@v2uses:actions/setup-node@v2with:node:16.14-name:yarncacheid:yarn-cahce-dir-pathrun:echo"::set-outputname=dir::$(yarncachedir)"-浣跨敤锛歛ctions/cache@v2id:绾辩嚎缂撳瓨:璺緞:${{steps.yarn-cahce-dir-path.outputs.dir}}key:${{runner.os}}-yarn-${{hashFiles('**/yarn.閿?)}}鎭㈠瀵嗛挜锛殀${{runner.os}}-yarn--run:yarninstall-run:yarnbuildDeploy:-name:deployuses:JamesIves/github-pages-deploy-action@v4.2.3width:branch:gh-pages鏂囦欢澶癸細鏋勫缓娓呮磥锛氱湡姝ｇ殑娓呮磥鎺掗櫎锛殀special-file.txtsome/*.txtssh-key:${{secrets.PAGE_ACCESS_TOKEN}}鎴戣寰楄繖鏍峰簲璇ユ病闂銆備唬鐮佷竴鎻愪氦锛岀洿鎺G銆傞鍏堟槸娌℃湁閮ㄧ讲锛屼篃娌℃湁绛夊緟鏋勫缓瀹屾垚銆備簩鏄袱涓綔涓氫箣闂寸殑鏂囦欢涓嶈兘鐩存帴浣跨敤銆傜炕浜嗕笅鏂囨。锛屽彂鐜板畼鏂圭殑actions/upload-artifact@v2actions/download-artifact@v2鍙互鍦ㄤ笉鍚岀殑job涔嬮棿鍏变韩鏂囦欢锛屼簬鏄敼浜嗭紝鎵撳寘鏂囦欢鍦╞uild闃舵涓婁紶锛屾墦鍖呮枃浠舵槸鍦╠eploy闃舵涓嬭浇杩涜閮ㄧ讲锛堟敞鎰廳eploy涔熸槸鐢╟heckout@v2锛夋渶缁堢粨鏋滃悕绉帮細FirstGitHubActionsDemoon:push:branches:-master-devjobs:Build:runs-on:ubuntu-lateststeps:#Stepname-name:checkoutcodeuses:actions/checkout@v2-name:actions/setup-node@v2uses:actions/setup-node@v2with:node-version:'16.14'cache:'yarn'cache-dependency-path:'**/yarn.lock'#鍙互鎵撳紑缂撳瓨骞秙etunode濡傛灉闇€瑕佷篃鍙互缂撳瓨#-name:yarncache#id:yarn-cahce-dir-path#run:echo"::set-outputname=dir::$(yarncachedir)"#-uses:actions/cache@v2#id:yarn-cache#with:#璺緞锛?{{steps.yarn-cahce-dir-path.outputs.dir}}#key:${{runner.os}}-yarn-${{hashFiles('**/yarn.lock')}}#鎭㈠瀵嗛挜锛殀#${{runner.os}}-yarn--run:yarninstall&&yarnbuild#涓婁紶鎵撳寘鍚庣殑鏂囦欢锛屼互渚夸笅涓€姝ヤ娇鐢?name:uploadfilesuses:actions/upload-artifact@v2with锛氬悕绉帮細鏋勫缓-pagespath:buildretention-days:1Deploy:needs:Build#纭繚鏋勫缓闃舵瀹屾垚runs-on:ubuntu-lateststeps:-name:checkoutcodeuses:actions/checkout@v2-name:涓嬭浇鏋勫缓鏂囦欢浣跨敤锛歛ctions/download-artifact@v2with:name:build-pagespath:build-name:deploy浣跨敤锛欽amesIves/github-pages-deploy-action@v4.2.3with:branch:gh-pagesfolder:buildtoken:"${{secrets.DEPLOY_TOKEN}}"鎻愪氦浠ｇ爜锛屾煡鐪嬭繍琛岀粨鏋滐紝瀹屾垚鎷嗗垎銆傜幇鍦ㄦ偍鍙互鎰夊揩鍦拌闂偍鐨勭綉绔欎簡銆傚啓缁撳眬鐨勬€濊矾鏄寜鐓у綋鏃跺畬鎴愮殑鎬濊矾涓€姝ユ瀹屾垚鐨勶紝鎵€浠ユ湁浜涘姛鑳藉彲鑳芥病鏈夋兂鍒般€傚悓鏃跺鏋滆繃绋嬩腑鏈変粈涔堝彲浠ヤ紭鍖栫殑锛屾杩庡ぇ瀹舵寚鏁欍€傚綋鐒讹紝瀹屾暣鐨勬祦绋嬭繕鏄瑺缂哄緢澶氥€傜洰鍓嶆垜浠彧鏄厛瀹屾垚绠€鍗曠殑鎵撳寘鏋勫缓杩囩▼锛屾帴涓嬫潵闇€瑕佸涔爂itlab鐨凜I鍜孋D銆傚畬鎴愬悗锛屾按涓細鏈変竴绡囨枃绔犮€傚悗闈細鐪嬩竴浜涢儴缃查」鐩浉鍏崇殑鍐呭銆傛瘮濡侱ocker锛孨ginx绛夛紝甯屾湜鑳藉湪涓氫綑鏃堕棿瀛︿範鏁翠釜杩囩▼銆傚揩鐐癸紒
