AMISAMIS【部署01】amis前端低代碼框架可視化編輯器amis-editor本地部署流程-CSDN[objectamis-editoramis-editoramisamis-editoramis-editornginx啟動(dòng)1.npm#2.npmrunamisamis是一個(gè)低代碼前端框架，它使用JSON使用JSON無(wú)需前端知識(shí)：對(duì)于不了解前端或JavaScript的用戶(hù)，使用JSON配置的方式可以生成專(zhuān)業(yè)且復(fù)雜的后臺(tái)界面，這是其他前端UIamis基于JSON配置，使得頁(yè)面不受前端技術(shù)的快速更新影響。百度內(nèi)部存在六年前創(chuàng)建的amis頁(yè)面仍在使用，而當(dāng)時(shí)的持續(xù)升級(jí)：amis不斷提升用戶(hù)體驗(yàn)，例如表格首行凍結(jié)和下拉框大數(shù)據(jù)處理。JSON可視化頁(yè)面編輯器：amisamis完整的界面解決方案：amis通過(guò)JSON大量?jī)?nèi)置組件：amis內(nèi)置120+支持?jǐn)U展：除了低代碼模式，還支持通過(guò)自定義組件進(jìn)行擴(kuò)展，可以實(shí)現(xiàn)90%低代碼和10%容器支持無(wú)限級(jí)嵌套：經(jīng)過(guò)實(shí)戰(zhàn)驗(yàn)證：在百度內(nèi)部廣泛使用，經(jīng)過(guò)6年多時(shí)間創(chuàng)建了5萬(wàn)多個(gè)頁(yè)面，涵蓋了各種需求，從內(nèi)容審核到機(jī)器管理，證明了amisamis大量定制UI：amis更適合用于有大量常見(jiàn)UI組件的頁(yè)面，對(duì)于追求個(gè)性化視覺(jué)效果的面向普通客戶(hù)（toC）復(fù)雜的前端功能：涉及大量定制拖拽操作等依賴(lài)原生DOM的功能無(wú)法使用amis特殊交互：對(duì)于某些特殊的交互，如可視化編輯器中的定制拖拽操作，amisamis-editoramis-editor是amis的可視化編輯器，它能讓開(kāi)發(fā)者快速搭建后臺(tái)頁(yè)面，只需要通過(guò)拖拽組件等就可以生成對(duì)應(yīng)的JSON可視化編輯器官網(wǎng)介紹：\h/amis/zh-nodejsC:\Users\Administrator>node-v獲取項(xiàng)目代碼，地址：\h/aisuda/amis-editor-demo修改amis.config.js的buildbuild:{entry:{index:NODE_ENV://1.【可以進(jìn)行修改】打包后的文件絕對(duì)路徑（物理路徑assetsRoot:resolve('./demo-2.【必須進(jìn)行修改】設(shè)置靜態(tài)資源的引用路徑assetsPublicPath:'./',assetsSubDirectory:'',productionSourceMap:false,productionGzip:false,productionGzipExtensions:['js','css','json'],plugins:[newMonacoWebpackPlugin()],bundleAnalyzerReport:false,}npm使用npm構(gòu)建成功后，會(huì)生成demo-5.6.2將打包后的文件復(fù)制到nginx的html目錄的自建文件夾下，我的是distnginxserverlisten#替換成你的域名或服務(wù)器IPserver_nameyour_;#核心配置location/root#【比如我的windowsrootD:\\app\\nginx-indextry_fi