node搭建小程序伺服器
A. 五子棋（1）——uniapp 小程序項目搭建
1.HbuilderX創建項目，選擇uni-app，選擇默認模正判畢板1.HbuilderX創建項目，選擇uni-app，選擇默認模板
2.配置舉芹appId
3.vuex
uni-app 內置了 vuex。但是需要結合第三方來一起協作。默認的模板項目首先是沒有node-moles模塊依賴的，首先需要初始化webpack，然後建store文件夾，在main.js中引入
4.創建自沖陸己習慣的目錄結構
5.配置微信開發者工具路徑
點擊 運行 -> 運行到小程序模擬器 -> 微信開發者工具
B. 微信小程序真機調試時後台是本地伺服器，顯示「未能連接到伺服器」
最近自己做了兩個小的demo，前端是微信小程序的，後端是node+koa2實現的，順便把微信小程序相關知識學習一下，大家有什麼問題可以一起討論，謝謝。
這次記錄的是 真機調試是後台是本地伺服器，顯示未能連接到伺服器 的問題。
在小程序開發時我們為了方便而不去搭建域名，在本地直接localhost就可以使用本地的伺服器，但是小程序要求是https的域名才可以使用，所以我們在開發時要勾選詳情裡面的 不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書 這一項，這就可以在小程序的開發者工具上看效果了。
但是想要真機調試而且使用本地伺服器做後台提供數據的話，需要滿足以下幾點：
其實是個小問題，注意一下就可以了。
C. 小程序為什麼要構建npm
開發小程序，使用npm導入外部庫的注意事項
因為雲函數運行時本身就是node環境，所以無需構建，而UI組件需要在小程序中用起來就需要，具體原因看下面問題
在引用外部UI組件時，使用該命令導入組件後，會生成一個node_moles的文件夾
npm i 組件名稱 -S --proction
原理介紹：
構建之後的結構：
以下為官方提供的 js 模塊，可以參考並使用：
請查閱 開發第三方自定義組件 文檔。
從 1.03.2006302 (或 1.03.2006302) 開始，我們提供了兩種構建 npm 的方式：
默認情況下，在 miniprogramRoot 內正確配置了 package.json 並執行 npm install 之後，其構建 npm 的結果是，為每一個 package.json 對應的 node_moles 構建一份 miniprogram_npm，並放置在對應 package.json 所在目錄的子目錄中。參考 demo
與 「默認的構建 npm 方式」飢猛 不一樣，此種方式瞎行需要開發者在 project.config.json 中爛神橋指定 node_moles 的位置 和目標 miniprogram_npm 的位置。參考 demo
其中 packNpmRelationList 的格式為
其中 project.config.json 存在配置
D. 微信小程序開發|工具|npm 使用
用過 npm 的小夥伴肯定很熟悉 node_moles，但是「微信開發工具」是不認 node_moles 的 , 它認的是 miniprogram_npm；弊宴 而 miniprogram_npm 是通過 node_moles 轉出來的， 它是通過「微信開發工具」的 「攔攔工具」 -> 「構建 npm」 生成出來的。
具體步驟如下：
1、 npm init
這里會產生 package.json 的配置文件
2、 npm install ** --p --s
安裝需要的包，這里會產生 node_moles
3、「微信開發工具」走一遍 「工具」 -> 「構建 npm」
這里會產生 miniprogram_npm
4、「微信開發工具」的本地配置中 「使用 npm 模塊」 勾上
5、使用包
引入的組件可以有第三方組件和 js 工具
1、 按照步驟安裝庫同時走一遍 「工具」 -> 「構建 npm」，產生\miniprogram_npm\weui-miniprogra
npm install weui-miniprogram --p --s
2、 在 app.wxss 引入全局樣式
3、在需要使用的頁面中引入控制項和使用，
譬如 pages/index/index.json，然後就可以在 index.wxml
1、 按照步驟安裝庫同時走一租衡銀遍 「工具」 -> 「構建 npm」，產生\miniprogram_npm\js-base64
npm install js-base64 --p --s
2、在 *.js 文件中用 require 或者 import 引入，然後使用
E. 微信小程序使用 Vant Weapp 的步驟
原文鏈接：https://www.jb51.net/article/167545.htm
原文鏈接：https://blog.csdn.net/ShiXinXin_Harbour/article/details/102568389
原文鏈接：https://youzan.github.io/vant-weapp/#/quickstart
原文鏈接：https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html
1、在根目錄中，打開終端命令，cd到你的項目miniprogram目錄下；
2、npm 初始化，如果你的小程序項目沒有安裝過npm包的話，你需要先初始化npm，
npm init
3、# 通過 npm 安裝
npm i @vant/weapp -S --proction
4、
5、修改該配置項
構建npm時，會在node_moles的同級目錄中創建一個miniprogram_npm；miniprogram_npm包才是小程序真正使用的npm包；
原理介紹
為了幫助段含大家更好的理解發布 npm 包中提到的各種要求，這里簡單介紹一下原理：
首先 node_moles 目錄不會參與編譯、上傳和打包中，所以小程序想要使用 npm 包必須走一遍「構建 npm」的過程，在每一份 miniprogramRoot 內開發者聲明的 package.json 的最外層的 node_moles 的同級目錄下會生成一個 miniprogram_npm 目錄，裡面會存放構建打包後的 npm 包，也畢虧就是小程序真正使用的 npm 包。
構建打包分為兩種：小程序 npm 包會直接拷貝構建文件生成目錄下的所有文件到 miniprogram_npm 中；其他 npm 包則會從入口 js 文件開始走一遍依賴分析和打包過程（類似 webpack）。
尋找 npm 包的過程和 npm 的實現類似，從依賴 npm 包的文件所在目錄開始逐層往外找，直到找到可用的 npm 包或是小程序根目錄為止。 下面簡單介紹下構建打包前後的手燃神目錄情況，構建之前的結構：
F. 如何開發小程序
開發小程序的步驟如下：
1. 注冊開發者賬號：在微信公眾平台或支付寶開放平台注冊開發者賬號。
2. 下載開發敬賣工具或使用第三方小程序搭建平台：微信小程序需要使亮返逗用微信開發者工具，支付寶小程序需要使用支付寶小程序開發者工具。
3. 創建小程序項目：在開發工具中創建小程序項目，填寫小程序名稱、AppID等信息。
4. 設計小程序界面：使用設計工具進行小程序界面設計，如Sketch、Adobe XD等。
5. 編寫小程序代碼：使用JavaScript或TypeScript編寫小程序代碼，實現小程序的功能。
6. 調試和測試：在開發工具中進行調試和測試，確保小程序的功能正常。
7. 提交審核：將小程序提交審核，等待審核通過後發布上線。
8. 發布上線：審核通過後，將小程序發布上線，供用戶使用。
使用編程開發小程序需要有一定的編程經驗和開發經驗，熟悉前端開發技術和框架，如HTML、CSS、Vue.js等，如果沒有代碼經驗，可以選擇第三方無代碼小程序平台世李。
G. unicloud 如何使用node操作
首先，node是一個運行環境可以通過交互模式的轉換來運行unicloud.
unicloud是一款為uniapp的開發者提供的基於serverless模式和js編程的雲開發平台對於程序員來說，用熟悉的js，輕松搞定前台整體業務。
對於開發商：
1.開發成本大幅下降
2.不管祥核搭用什麼伺服器運維，彈性擴容，防DDos攻擊，全都不需要操心
3.如果不發布H5版，你講不需要購買備案域名。氏高小程序和APP可以免域名使用伺服器
4.可以考慮按照業務負責分工，而不是按前後台分工
node是一個運行環境，或者說是一個 JS 語言解釋器。
Node.js 最初的定位是也就是用來寫伺服器代碼的謹拿,最後在前端有出色的表現後期為前端服務。