1ãè·å微信å°ç¨åºç AppID
é¦å
ï¼æ们éè¦æ¥æä¸ä¸ªè´¦å·ï¼å¦æä½ è½çå°è¯¥ææ¡£ï¼æ们åºå½å·²ç»éè¯·å¹¶ä¸ºä½ å建好ä¸ä¸ªè´¦å·ã注æä¸å¯ç´æ¥ä½¿ç¨æå¡å·æ订é
å·ç AppIDã å©ç¨æä¾çè´¦å·ï¼ç»å½https://mp.weixin.qq.comï¼å°±å¯ä»¥å¨ç½ç«çã设置ã-ãå¼åè
设置ãä¸ï¼æ¥çå°å¾®ä¿¡å°ç¨åºç AppID äºã
2ãå建项ç®
æ们éè¦éè¿å¼åè
å·¥å
·ï¼æ¥å®æå°ç¨åºå建å代ç ç¼è¾ãå¼åè
å·¥å
·å®è£
å®æåï¼æå¼å¹¶ä½¿ç¨å¾®ä¿¡æ«ç ç»å½ãéæ©å建ã项ç®ãï¼å¡«å
¥ä¸æè·åå°ç AppIDï¼è®¾ç½®ä¸ä¸ªæ¬å°é¡¹ç®çå称ï¼éå°ç¨åºå称ï¼ï¼æ¯å¦ãæç第ä¸ä¸ªé¡¹ç®ãï¼å¹¶éæ©ä¸ä¸ªæ¬å°çæ件夹ä½ä¸ºä»£ç åå¨çç®å½ï¼ç¹å»ãæ°å»ºé¡¹ç®ãå°±å¯ä»¥äºã
3ãç¼å代ç
ç¹å»å¼åè
å·¥å
·å·¦ä¾§å¯¼èªçãç¼è¾ãï¼æ们å¯ä»¥çå°è¿ä¸ªé¡¹ç®ï¼å·²ç»åå§å并å
å«äºä¸äºç®åç代ç æ件ãæå
³é®ä¹æ¯å¿
ä¸å¯å°çï¼æ¯ app.jsãapp.jsonãapp.wxss è¿ä¸ä¸ªãå
¶ä¸ï¼.js åç¼çæ¯èæ¬æ件ï¼.json åç¼çæ件æ¯é
ç½®æ件ï¼.wxss åç¼çæ¯æ ·å¼è¡¨æ件ã微信å°ç¨åºä¼è¯»åè¿äºæ件ï¼å¹¶çæå°ç¨åºå®ä¾ã
4ãå建页é¢
æ¯ä¸ä¸ªå°ç¨åºé¡µé¢æ¯ç±åè·¯å¾ä¸ååçå个ä¸ååç¼æ件çç»æï¼å¦ï¼index.jsãindex.wxmlãindex.wxssãindex.jsonã.js åç¼çæ件æ¯èæ¬æ件ï¼.json åç¼çæ件æ¯é
ç½®æ件ï¼.wxss åç¼çæ¯æ ·å¼è¡¨æ件ï¼.wxml åç¼çæ件æ¯é¡µé¢ç»ææ件ã
å¨è¿ä¸ªå°ç¨åºå¼åæç¨éï¼æ们æ两个页é¢ï¼index 页é¢å logs 页é¢ï¼å³æ¬¢è¿é¡µåå°ç¨åºå¯å¨æ¥å¿çå±ç¤ºé¡µï¼ä»ä»¬é½å¨ pages ç®å½ä¸ã微信å°ç¨åºä¸çæ¯ä¸ä¸ªé¡µé¢çãè·¯å¾+页é¢åãé½éè¦åå¨ app.json ç pages ä¸ï¼ä¸ pages ä¸ç第ä¸ä¸ªé¡µé¢æ¯å°ç¨åºçé¦é¡µã
页é¢çæ ·å¼è¡¨æ¯éå¿
è¦çãå½æ页é¢æ ·å¼è¡¨æ¶ï¼é¡µé¢çæ ·å¼è¡¨ä¸çæ ·å¼è§åä¼å±å è¦ç app.wxss ä¸çæ ·å¼è§åãå¦æä¸æå®é¡µé¢çæ ·å¼è¡¨ï¼ä¹å¯ä»¥å¨é¡µé¢çç»ææ件ä¸ç´æ¥ä½¿ç¨ app.wxss ä¸æå®çæ ·å¼è§åã
index.jsonæ¯é¡µé¢çé
ç½®æ件ï¼é¡µé¢çé
ç½®æ件æ¯éå¿
è¦çãå½æ页é¢çé
ç½®æ件æ¶ï¼é
置项å¨è¯¥é¡µé¢ä¼è¦çapp.json ç window ä¸ç¸åçé
置项ãå¦æ没ææå®ç页é¢é
ç½®æ件ï¼åå¨è¯¥é¡µé¢ç´æ¥ä½¿ç¨app.json ä¸çé»è®¤é
ç½®ã