快速安裝並運行 vueMiniShop

下載地址

• GitHub鏡像
• 碼雲鏡像

前期準備

• 電腦需要支持 nodejs、npm 環境如果沒有安裝，請自行百度進行安裝；
• npm 安裝依賴有可能比較慢，建議安裝 cnpm 命令，可以加速首次運行下載以及安裝依賴庫的速度（自行百度安裝）；
• h5的運行，你需要有一個域名，以及有一個空間可以存放靜態html頁面；
• 你需要一個微信服務號，因爲本項目登陸需要服務號的網頁授權登陸；

服務號配置

• 業務域名，添加後，用戶打開你的h5網站，微信不會提示一些信任信息（例如密碼輸入框微信會提示防騙信息～）；
• JS接口安全域名 域名，必須配置你的域名，配置以後，纔可以使用 js-sdk 的功能，比如調用相機攝像頭、微信支付、分享轉發等等；
• 網頁授權域名 ，這個必須配置，如果不配置，無法完成微信網頁授權一鍵登錄；

開通後臺

• “api工廠” 右上角註冊開通自己的後臺賬號；
• 克隆本項目的測試數據方便測試以及立馬查看效果； 左側菜單的工廠設置，點擊 “數據克隆” ，選擇 “將別人的數據克隆給我”，商戶號請填寫 25771 ，點擊立即克隆完成克隆；
• 左側菜單的微信設置裏，公衆號設置，請正確填寫你的服務號的 appid 和 secret 信息；

下載及運行代碼

• 下載最新的前端代碼後解壓；
• 安裝依賴

  npm install
  

  如果你有安裝 cnpm，可以將上面的命令換成下面的命令會快非常多：

  cnpm install
  

• 修改根目錄下面的2個配置文件

  .env.development
  .env.production
  

  分別是本地開發環境配置文件/正式發佈的配置文件 VUE_APP_SUB_DOMAIN 改爲你自己的專屬域名，VUE_APP_SUB_DOMAIN 改爲你的h5的網頁標題，VUE_APP_BAIDU_MAP_KEY 建議取百度地圖開放平臺免費申請一個自己的 key ,不要用公用的測試key，會有使用頻次限制
• 本地運行命令

  npm run serve
  

• 編譯打包部署服務器

  npm run build
  

  編譯完成以後，將根目錄下面 dist 文件夾下的靜態html頁面部署到你的空間即可；
• 訪問觀看效果 現在請在微信中訪問你的域名，即可觀看效果 如果還是無法運行，可以在開源主頁上加入他們的交流羣，尋求幫助。