整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          新手建站 無需購買服務器10分鐘快速部署你的靜態網頁

          里云云開發平臺重磅推出開源應用中心,聚合最熱門的開源應用,讓你像安裝app一樣快速上線一個網站。面向新人和持續活躍的開發者用戶推出上線激勵加油包,最高100元無門檻代金券免費送,現在體驗還能夠領取年輕人的養生神器,桌面不銹鋼保溫杯!

          聚合最熱門的開源應用

          開源應用中心聚合了目前最熱門的前端開源應用模版,讓大家真正可以做到像安裝APP一樣來上線一個網站。目前已經支持最熱門的前端框架,包括Vue.js、React、Nuxt.js、Next.js、AntDesign等,還有內容管理平臺Hexo、Docusaurus、VuePress、Sapper等。使用部署開源模版非常適合您的以下場景:

          • 個人學習:輕松創建個人主頁、博客等網站,邊部署邊學習。
          • 協同開發:創建信息管理系統、CMS等前端項目,多人協同維護開發。

          云開發平臺同樣面向廣大的開源作者征集應用,對于熱門的應用我們能夠提供現金激勵、以及流量曝光等扶持。

          開源應用一鍵同步一鍵部署

          阿里云云開發平臺前端應用部署功能旨在為前端開發者改善工作環境,優化前端開發和部署體驗。同時還可以結合云開發平臺云原生的架構能力和主機應用的部署能力,讓前后端應用能夠更高效地協同。

          • 操作簡單:無需購買服務器、配環境、手動上傳文件等,云開發平臺都可以幫你自動操作,包括在需要時隨時一鍵上線/下線。
          • 使用零成本: 支持GitHub和云效的Codeup倉庫,快速將倉庫的代碼進行構建部署。
          • 免費資源扶持: 免費提供臨時的測試域名,對于新用戶和持續活躍的用戶提供免費的云資源加油包。
          • 無數量限制: 沒有使用的repo數量和應用數量的限制, 不管是開源倉庫還是自己賬戶下的repo,每一個代碼repo都可以部署為一個靜態網站。

          簡單幾步使用云開發平臺上線靜態應用

          1. 賬號準備工作

          • 你需要一個阿里云賬號,并使用阿里云賬號登錄云開發平臺 (https://workbench.aliyun.com/),按照提示創建團隊,點擊同意協議。沒有阿里云賬號就在登錄頁面注冊一個繼續登錄。
          • 擁有Github賬號 (https://github.com/),沒有就注冊一個。為保證最好的使用體驗,請使用Chrome瀏覽器。
          • 未開通阿里云OSS的用戶,點擊鏈接 (https://workbench.aliyun.com/product/open?code=oss)開通OSS服務。OSS開通免費,有一定的免費額度,超過額度之后按量付費。

          2. 創建應用

          2.1 選擇應用中心任意模版創建應用

          • 選擇應用中心任意模版創建應用。如果您之前沒有使用過云開發平臺,會出現云資源授權管理的選項,往下拉出現直至同意授權的字樣,點擊「同意授權」后出現授權成功,點擊進入「下一步」。

          • 綁定GitHub賬號。授權完成后選擇來源倉庫為GitHub,按照提示點擊去綁定,綁定GitHub帳號,登錄后并點擊Authorize AliyunWorkbench允許云開發平臺構建、發布你的GitHub代碼為可訪問的網站。 綁定完成后返回應用創建頁面,代碼倉庫按照默認「模板倉庫」以及默認主干分支不用操作,并點擊「下一步」。

          • 填寫應用信息完成創建。填寫必要的的應用信息完成創建(我們已提供默認配置),成功后進入到應用詳情和部署界面。首次登錄并沒有可選所屬生產線,點擊右側自動創建產品線即可。

          2.2 使用自己的倉庫應用創建

          • 選擇自己倉庫里需要部署的應用。除了可以使用應用中心的模版創建網站,云開發平臺也支持使用本地代碼或者開源代碼創建靜態網站。與通過模版中心的應用創建的區別在于,在綁定Gihutb之后選擇“自己的倉庫”,找到上一步自己創建的GitHub倉庫及master分支。然后在應用詳情頁面根據以上的步驟繼續填寫即可。

          • 設定部署配置。當部署的是您自己的代碼倉庫時,開發平臺需要您根據具體代碼進行簡單配置來部署成功:
            1. 編寫build.sh:代碼從源碼,經過npm打包編譯等過程,到生成為純粹HTML/CSS/JS靜態文件的全過程的shell指令,需要被完整填寫到發布分支根路徑下的build.sh文件中,例如:

          不知道如何操作?您也可直接點擊一次“部署”按鈕,之后,對默認生成的build.sh內容進行任意修改:

          b. 填寫靜態文件相對目錄:在build.sh執行后,從代碼生成出的靜態文件所在的相對目錄,需要被填寫到“部署配置-資源路徑”中。

          Tip:例如React應用(如圖),一般會填寫“./build”;Vue應用則一般為“./dist”。

          c. 調整配置:當您完成上述步驟后,發現自己的代碼仍然部署錯誤時,需查看排查部署日志,對上面的build.sh和部署資源路徑進行修改。常見的幾種部署錯誤情況如下:

          3. 在日常環境部署站點

          • 一鍵進行應用部署。在應用詳情頁面點擊日常環境的「部署」按鈕進行一鍵部署,部署狀態變成綠色已部署以后可以點擊訪問部署網站查看效果。

          • Dinosaurs網站日常環境部署好了。日常環境的測試域名也是可以訪問的,點擊訪問已部署網站按鈕會出現一個彈出,點擊彈出上的立即訪問就能夠訪問已經部署好的站點了。在部署完成后,可以繼續本地編碼,并將代碼push到應用的“基本信息”中對應的代碼倉庫內。

          4. 配置自定義域名在線上環境上線

          • 配置線上環境自定義域名。在功能開發驗證完成后要在線上環境進行部署,在線上環境的「部署配置」-「自定義域名」中填寫自己的域名。例如我們添加一個二級域名 company.workbench.fun 來綁定我們部署的前端應用。然后復制自定義域名下方的API網關地址對添加的二級域名進行CNAME配置。

          • 配置CNAME地址。復制好 API網關域名地址后,來到你自己的域名管理平臺(此示例中的域名管理是阿里云的域名管理控制臺,請去自己的域名控制臺操作)。添加記錄的「記錄類型」選擇「CNAME」,在「主機記錄」中輸入你要創建的二級域名,這里我們輸入「company」,在「記錄值」中粘貼我們之前復制的 API網關域名地址,「TTL」保留默認值或者設置一個你認為合適的值即可。

          • 在線上環境部署上線。回到云開發平臺的應用詳情頁面,按照部署的操作,點擊線上環境的「部署按鈕」,部署完成以后就在你自定義的域名進行了上線。CNAME 生效之后,我們輸入 company.workbench.fun(示例網址) 可以打開部署的頁面。至此,如何部署一個應用到線上環境,如何綁定自己的域名來訪問一個線上的應用就完成了,趕緊部署自己的應用到線上環境,用自己的域名玩起來吧 ;)

          原文鏈接:https://developer.aliyun.com/article/829641?utm_content=g_1000314028

          本文為阿里云原創內容,未經允許不得轉載。

          對于有觀點輸出習慣的 Web3 愛好者而言,將內容“寄存”在 Twitter 等 Web2 社交媒體上,似乎還不夠“抗審查”,也缺些專屬感和獨立性;對于 Web3 協議團隊或項目方而言,從產品服務到前端呈現全流程的去中心化,也在敘事上更具吸引力。而無論是抱著何種動力,將個人或項目官方網站制作為去中心化網站,在成本、匿名性、隱私保護等方面都有一定優勢。

          因此,本文將帶你一步步將個人網站(以 Notion 生成的網頁為例)部署到 IPFS 上,建立一個只屬于你的、真正去中心化的網站(Dweb)。

          文章一共分為介紹、實操、建議三部分。我會先介紹去中心化網絡 Dweb 的概念及代表,再手把手教學將個人名片網站署到 Dweb 上的方法,最后,我也會總結下當前方案的優劣勢。

          考慮到文章篇幅和上手難度,在實操部分,我只介紹最簡單的一種 Html 網頁框架部署方法。同時,這一教程主要靠 Fleek 工具來實現部署。Fleek 的功能強大,能打包多種網頁框架(如 Wordpress、Next. js 等),有一定技術基礎的朋友,可以縱深探索。

          什么是去中心化網站?

          去中心化網站(Dweb),字面上看就是部署在去中心化網絡上的網站。

          從構成部分看,Dweb 和傳統互聯網網站類似,都需要擁有一個入口——域名、一個承載主體——托管服務器。在 Web3 世界,與這兩項“功能”相對應的代表項目分別是 ENS、IPFS 和 Arweave(本文重點介紹前者,也是較多項目在使用的方案)。

          ENS(Ethereum Name Service)是基于以太坊的分布式、可擴展、開放的命名系統;通俗講,就是區塊鏈域名系統。

          IPFS 的理念是將數據分布存儲在世界各地、任何人可運行的節點上;本質上是項抗審查、點對點的數據存儲服務。此外,由于 IPFS 跨節點分發數據并指向特定數據,可以確保資源來自最近更新的來源,實際體驗會更快捷和可靠。

          關于 ENS 和 IPFS 的進一步釋義,感興趣的讀者可以閱讀《一文了解迄今為止最成功的非金融類以太坊應用程序 ENS》《深度解析 IPFS:新一代互聯網底層協議》。

          在 ENS 和 IPFS 的共同支持下,分布式的區塊鏈基礎架構可以將內容直接存儲到智能合約(容器)中。

          基于 ENS+IPFS 的代表網站

          雖然在感知層面并不明顯,但用戶如果留意一些主流的 Web 3 應用,可以從他們的官方文檔中發現,Uniswap、 1inch 等頭部 Web3 協議已經將其網站同步至 IPFS 上。

          其 ENS 鏈接地址分別是 1inch. eth、uniswapexchange.eth,對于原生 Web3 瀏覽器可以直接輸入以上地址訪問,對于非原生瀏覽器,可以使用兼容地址訪問:

          1inch:https://1inch.eth.link/

          uniswap:https://uniswapexchange.eth.link。

          更多采用 ENS+IPFS 技術部署的網站,Almonit 做過 Dweb 網站整理,鏈接如下:https://almonit.eth.link/#/discover/,感興趣的讀者歡迎訪問查看。

          如何部署

          本文我們主要使用 Fleek 工具提供的方案,該方案優點是部署簡單,支持多種 Web 框架,除了支持 Html 頁面外,也支持如 Next.js、Hugo.js、Wordpress 等多種語言的網頁框架。

          本文聚焦在 Fleek 支持的諸多功能中最簡單的一種——Html 頁面框架部署方案,并且做了分步講解,希望小白看完能快速上手;對于高手而言,也能起到拋磚引玉的作用。

          剛剛提到需要準備一個 Html 網頁,因此會用到 notion 來生成這個 Html 網頁文件,原因主要是 notion 操作簡便,且自帶了 html 導出功能,可以將其作為一個可視化的 Html 網頁制作器。

          由于使用的工具 Fleek 采用的是自動同步 Github 的方式,因此也需要準備好一個 Github 賬號以及對應的 Repo(庫)。

          部署到 IPFS 網絡本身不需要域名,上傳到網絡中會生成一段 hash,類似于 Web2 中的 IP 地址,因此還需要準備一個 ENS 來映射這段 IPFS hash。

          概括一下,事前準備三樣東西:

          1. 一個 github 賬號;
          2. 一個 ENS 域名,以及對應的錢包和少量 ETH 作為 gas;
          3. 一個 notion 賬號,并制作一個個人 profile 頁面。

          1.從 Notion 導出 Html

          1.1 在 notion 設計一個 profile,Demo 如下圖。

          1.2 從 notion export 功能導出我們準備好的頁面,由于 IPFS 對于靜態網頁支持的能力有限,暫時只能選擇單頁面導出。(高階選手也可實現多級頁面——subpages)。

          1.3 獲得了導出的壓縮文件后會自動下載到本地。在本地解壓后,會得到下圖中的一個文件夾和一個 Html 文件。將“xxx. html”結尾的文件更名為“index. html”。

          2.上傳到 Github

          2.1 進入到 GitHub 主頁,登陸(沒有賬號的需要注冊一個賬號)進入如下頁面,點擊“ New ”新建一個 Repo。

          2.2 對于這個新建的 Repo 建議采用 Private (隱私)庫的方式。因為這樣可以避免除了 Fleek 工具和創建者的其他人訪問到原始文件。

          2.3 接下來需要用到 Github 客戶端(如果電腦上沒有 Github 客戶端則需要下載并安裝一個)。登陸 Github 客戶端后,回到剛剛創建之后的 Github 網頁,點擊藍色框內的“ Set up in desktop ”(在桌面打開客戶端)。

          2.4 安裝了桌面客戶端后,會有如下提示。

          2.5 來到桌面客戶端,按照提示設定好一個本地目錄并記錄這個本地目錄的路徑。將第一步 “從 Notion 導出資料”中我們在下載的文件,復制到該本地目錄中。

          2.5 復制完成后,回到客戶端會有如下提示。填寫一些描述內容并點擊 commit。

          2.6 點擊 push origin 把文檔推送到 Github Repo 中。

          3.使用 Fleek 新建一個項目

          “Fleek 是一套工具,包含在開放網絡及其協議上無縫構建現代站點和應用程序所需的一切。”

          簡單來說,Fleek 這個工具可以將個人網站簡便地部署到去中心化網絡上。

          3.1 首次進入 Fleek 需要注冊,建議采用 Etheretrum 小狐貍錢包直接一鍵注冊并登錄,比較方便(亦可以使用 Github 或 Email 來注冊)。

          3.2 注冊并登陸之后來到項目主頁,接下來需要創建一個網站項目。

          3.3 我們選擇剛剛第二步中創建的 Github Repo,并進入到下一步。

          3.4 我們選擇 Hosting services 選項重的 IPFS,選擇 Cointinue 進入下一步。

          3.5 選擇剛剛創建完成的網站,進入詳細配置頁面。

          3.6 現在網站已經部署到 IPFS 上面了,Fleek 工具還很貼心的關聯了一個映射域名,如圖所示。

          3.7 接下來,綁定 ENS 域名,選擇“ Setting ”,并找到“ ENS ”。

          3.8 下拉到“ Add ENS ”。

          3.9 輸入 ENS 域名。

          3.10 進入到如下界面,再次點擊剛剛輸入的 ENS 地址。并選擇“ Set content hash ”,最后支付一筆 Gas 費完成綁定。

          3.11 此時我們看到之前是灰色的 ENS 域名已經轉變成為藍色,綁定成功。

          3.12 對于支持去中心化域名的瀏覽器,如 brave,小狐貍錢包手機 APP 等,直接輸入 ENS 如我這里設置的 yyzfish.eth即可以直接訪問部署的Dweb,對于Web2 的瀏覽器,ENS 也有兼容方案,可以直接訪問https://yyzfish.eth.link/ 。

          建站過程中的一些思考

          走完這套流程后,我體會到了去中心化網站相較于傳統網站的一些優劣勢。

          優勢

          成本低廉穩定

          傳統的 Web2 網頁需要部署到服務器上,不僅需要維護,而且花費隨著用戶數量而增加,但是通過本文部署到 Web3 的流程,不難發現,部署到 IFPS 的花費是極其便宜的(當前免費),且無論用戶量大小如何,花費不會有變化。

          更完整的 Web3 敘事

          早期,由于鏈上 gas 高很難把完整的項目(前端+智能合約)同時部署到如以太坊網絡上。而如今,隨著 IPFS 網絡協議的完善,龐大的前端交互頁面也有了自己專屬的去中心化網絡。這在敘事上符合真正的“去中心化”理念。目前 Uniswap、1inch 等頭部 DeFi 協議都陸續部署到了去中心化網絡上面,未來或許完整部署到去中心化網絡將成為 Web3 項目的標配。

          對個人來說很酷

          ENS 域名在社交媒體(如 Twitter)上很受歡迎,不少 KOL 的昵稱為 xxx. eth,而在此基礎上實現了進一步延伸——把自己的博客部署到 IPFS 網絡,并以 ENS 域名作為入口,對于加密愛好者來說會是件很酷的事。

          匿名性與隱私保護

          由于 Dweb 在早期設計階段就充分考慮了“去中心化”與“隱私”結合,其實和 Tor 網絡有些許類似之處,都具有不可追蹤、匿名性的特點。

          不足

          對于 Web 2 的兼容性仍然有待提高

          雖然工具已經支持很多主流框架,但還不是全部,對于像 PHP 這種的動態網頁框架仍然是不支持的狀態。整體兼容度還有待提高。

          對國內用戶不友好

          由于當前 IPFS 的節點還遠未達到白皮書中所計劃的數量(路線圖),因此,Dweb 在國內的訪問有一定的阻礙。

          希望未來能夠看到更加完善的方案,以及技術的迭代。

          魯晚報·齊魯壹點記者 趙清華 通訊員 許全航 郝樹榮

          為深入貫徹落實省、市加快省會經濟圈一體化發展工作部署,濟南市社保中心充分發揮帶動作用,積極攜手省社保中心、泰安、淄博、德州、聊城、濱州、東營社保中心及信息部門,共同推進省會經濟圈社會保險一體化信息平臺共建共享合作,共同打造高效便利的社保“普惠生活圈”。

          濟南領跑圈內社保信息平臺建設

          100多項社保個人業務可在人社部門網站辦理

          記者從濟南市社保中心獲悉,2021年2月23日,省會經濟圈“社會保險個人網上服務專區”率先在濟南市人社部門網站正式啟用!3月份,淄博市人社局網站省會經濟圈“社會保險個人網上服務專區”發布。

          這就意味著,參保人員只要登陸濟南市人力資源和社會保障局濟南市社會保險事業中心網站或淄博市人社局網站,就可以辦理省會經濟圈省直及7市社保個人網上服務100多項社保業務。這不僅在信息平臺上實現了省會經濟圈7市個人網上服務入口統一,還極大方便了參保人員查詢、辦理社保個人業務,讓群眾零跑腿、辦成事!

          參保職工可登陸濟南市人力資源和社會保障局濟南市社會保險事業中心網站進入省會經濟圈專區入口http://jnhrss.jinan.gov.cn/col/col40152/index.html

          也可登陸淄博市人力資源和社會保障局網站進入省會經濟圈專區入口http://zbrsyw.zibo.gov.cn/

          省會經濟圈“社會保險個人網上服務專區”頁面,點擊任意城市名稱,可辦理相關城市社保業務

          六大社保業務已實現“一圈同城”

          省會經濟圈內各地市皆可通辦

          記者還了解到,目前,“個人參保繳費證明查詢打印”“個人權益記錄查詢打印”“待遇領取證明查詢打印”“企業養老保險關系轉入”“機關事業單位養老保險關系轉入”和“居民基本養老保險關系轉移接續”這六大社保業務已實現省會經濟圈內各地市通辦。真正做到了讓數據多跑路、群眾少跑腿,解決群眾異地辦事“多跑腿”、“折返跑”等痛點難點問題。

          推進同城化邁出新步伐,濟南作為省會經濟圈“領頭羊”,必須要發揮省會龍頭作用,把提升輻射帶動力放在重中之重的位置。

          據濟南市社保中心相關處室負責人介紹,下一步,濟南市社保中心將協助省直和5地市在本地網站開通省會經濟圈個人網上服務專區,實現登錄任何省會經濟圈人社部門網站都可辦理圈內社會保險個人網上業務,做到社保“圈層支撐、融合互動”,提高同城化服務水平,推動省會經濟圈人力資源一體化高質量發展,為百姓帶來更多的驚喜!


          主站蜘蛛池模板: 成人精品一区二区激情| 在线一区二区三区| 麻豆一区二区在我观看 | 一区二区三区中文字幕| 国产无人区一区二区三区 | 久久国产精品一区二区| 人妻内射一区二区在线视频| 色精品一区二区三区| 亚洲一区二区三区在线| 在线免费一区二区| 国产三级一区二区三区| 无码中文字幕人妻在线一区二区三区 | 中日av乱码一区二区三区乱码| 中文字幕在线视频一区| 国产免费一区二区三区不卡 | 国产亚洲无线码一区二区| 国产乱码一区二区三区爽爽爽| 亚洲一区AV无码少妇电影☆| 无码av免费一区二区三区| 91午夜精品亚洲一区二区三区| 中文字幕无码不卡一区二区三区 | 亚洲伦理一区二区| 高清精品一区二区三区一区| 综合一区自拍亚洲综合图区| 无码国产亚洲日韩国精品视频一区二区三区 | 波多野结衣电影区一区二区三区 | 亚洲av无码成人影院一区| 精品视频一区二区| 中文字幕一区二区人妻性色| 在线视频一区二区三区| 国产一区在线视频观看| 国产免费一区二区视频| 精品视频一区二区三区四区| 国产一区二区三区不卡在线观看| 久久综合精品国产一区二区三区| 亚洲一区二区三区四区在线观看| 在线免费观看一区二区三区| 上原亚衣一区二区在线观看| 99无码人妻一区二区三区免费| 国产一区二区三区精品久久呦| 国产一区二区三区在线2021|