前提條件丰刊，需要一臺擁有域名的服務(wù)器來部署Misshop項目谬返，下面以demo.misshop.com.cn這個域名為例（注意這個域名已經(jīng)映射了IP地址轩娶，是123.57.246.120）。
- 登錄微信公眾號管理后臺( mp.weixin.qq.com)
-
左側(cè)菜單中：開發(fā)-->基本配置择膝，找到下方的服務(wù)器配置颖医，進行如下配置：
image.png
-
左側(cè)菜單中：設(shè)置--公眾號設(shè)置降传，進去后選擇中間的標簽“功能設(shè)置”绸硕，做出配置如下，注意不要加http://
image.png -
配置自定義菜單：左側(cè)菜單中：功能-->自定義菜單哗戈，在自定義菜單的鏈接地址中用如下格式輸入：https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxc35b3e4743602389&redirect_uri=http://demo.misshop.com.cn/misshop/wxMenuServlet&response_type=code&scope=snsapi_base&state=1#wechat_redirect 郊艘，這里需要變化的是appid的值（在公眾號開發(fā)>基本配置中有），redirect_uri中的域名部分（準備好的域名）唯咬，以及state的值纱注，每個菜單給一個不同的state值，從1開始胆胰。
image.png
5.配置IP白名單：
如上圖所示狞贱，請將部署Misshop的服務(wù)器的公網(wǎng)IP配置為公眾號的IP白名單成員。
-
配置Misshop項目中的公眾號信息：
image.png
其中的Appid和AppSecret從下面的公眾號管理頁面獲仁裾恰：
image.png
7.配置公眾號菜單對應(yīng)的頁面：
同樣在微信公眾號配置頁的下方斥滤，分別對應(yīng)之前state的值，配置不同的頁面路徑：這個頁面路徑需要以page開頭后面加上設(shè)計器中的路徑勉盅，頁面不需要加擴展名，如下圖所示：
由于是移動端頁面顶掉，通常頁面位于page/mobile/下草娜，但是展示類的不需要登錄就能訪問的頁面是在page/免登錄模塊/下。
