微信小程序+Wampserver 實現點餐小程序（環境搭建+代碼開發）

• 首先在電腦中要有微信開發工具和Wampserver

• • 微信開發工具下載地址傳送門：點擊下載

  • Wampserver下載地址傳送門：點擊下載

 

• 安裝完成后需要進行環境搭建

  • 運行Wampserver

  • 在系統右下角圖標中找到WAMP Server的圖標。

    • 圖標顏色：綠色表示服務全部啟動，橙色表示服務部分啟動，紅色表示服務沒有啟動。
    • 初次啟動時，圖標會從 紅色->橙色->綠色 逐漸變化，顯示為綠色表示啟動成功。
    • 如果啟動失敗，則可能當前系統存在其他問題，請根據程序提示排除問題。注：win10系統初次啟動后為 紅色->橙色，可單擊WAMP Server圖標，選擇Restart All Services，圖標可變成綠色。

 

• • 使用瀏覽器訪問 http://localhost/ 如果看到如下畫面，表示安裝成功。

    • 

  • 在本文檔路徑下找到shop文件夾，右鍵復制，粘貼到  安裝目錄\wamp\www目錄下。

 

• • 左鍵單擊WAMP Server圖標，選擇【Apache】 → 【httpd-vhost.conf】：

    • 

    • 配置：

      點擊查看代碼

      # Virtual Hosts
      #
      <VirtualHost *:80>
        ServerName localhost
        ServerAlias localhost
        DocumentRoot "${INSTALL_DIR}/www/shop/public"
        <Directory "${INSTALL_DIR}/www/shop/public">
          Options +Indexes +Includes +FollowSymLinks +MultiViews
          AllowOverride All
          Require local
        </Directory>
      </VirtualHost>
      

  • 修改完成后，保存文件，然后單擊WAMP Server圖標，選擇Restart All Services，等待圖標重新變成綠色。

 

• • 在瀏覽器中訪問http://localhost/ 會顯示安裝向導，單擊【立即安裝】按鈕。

 

• • 訪問http://localhost/admin 進入后台，輸入用戶名admin密碼123456。進入后，到【設置】中輸入AppID和AppSecret即可。

 

• 進行開發

  •