? ?? WeChat ?? ????? ?? ?? ??? ?????. ?? WeChat ?? ????? ?? ??? ?? ????? ?? ??? ??? ?????.

[?? ?? ??: ?? ???? ?? ????]

?? ?? ???? ??? ??? ????? ?? ?? ???? ? ??? ?????. ????? ??? ??? ??? ??? ??, ???? ?? ??, ???? ???? ??? ???? ?? 1? ?? ???? ??? ??????. ?? ???? ?? ????? ???? ? ?? ??? ???? ?? ??? ????. Tencent Cloud? ?? ??, Tencent ?? ?? ???? ?? ???? ?? ????? 680~10? ??? ?????. ?? 3680. ??? ??? ??? ???? ??? ?? ????? ?? ?? ??? ??? ???????.

?? ????? ???? ???? ? ??? ????. ??? ??? ???? ?? ??? ?? ??? ?????. ??? ??? ??? ???? ????? ????? ??? ?? ??? ???.
?? ??? ??? ??? ????? ??? ?? ?? ? ? ? ?? ??? ? ????. ?? ??? ?? ????? ??? ??? ??? ????.

1. WeChat ??? ??? ?? ?? ??

1. HTML ??

HTML? Hypertext Markup Language? ?????. HTML? ?? ? ???? ??? ?????. ??? ????? HTML ??? ??? ??? ? ???? ????? ???? ?????.

2. CSS

CSS? Cascading Style Sheets? ??? ? ??? ???, ? ??? ?? ??, ?? ??, ?? ? ?? ?? ??? CSS? ??? ? ????.

3. JavaScript

??? js? ?? ???? ?????. ??? js? ???? ????? ???? ???? ??? ??????. Google v8 ??, Angle, React ?? ????? ?????? ????? ?????? ??? ?? ??? ?? ? ???????. node, js ?? ?? ???? ?? js? ???? ??? ????? ?? ?? ???? ???? ?? ? ??? ?????.

4. ?? ??

?? ??? ???? ???? ???? ??? ? ?? ?? ??? ?????. ??? ???? ??? ??? ??? ?? ????. ??? ???? ?? ?????? ???? ?? ??? ??? ? ??? ???. ??? ?? ?????? ??? ?? ?? ??? ?? ? ?? ?? ??? ??????? ??? ??? ? ??? ? ????. PHP, Java, Python, ASP ? ?? ??? ?? ????? ???? ?? ??? ?? ????. ???? ?? ?? ??? ?? ???? ??? ?? ????.

5. ?????? ??

???? ?? ????? ??? ?? ?? ?? ??? ???? ???, ????? ? ?? ???? ??? ??? ?????? ??? ?? ? ????. ??? ???? ??. ????? ???? ???????? ?? MySQL, msSQL, MongoDB, Oracle ? ?? ??????? ?????. ???? ?? ?? ??? ?? ???? ? ??? ? ???? ??? ????. ?? ???? ???? ???.

??: ?? ?????? ???? ??? ?????. ? ??????? ??? ??? ???, ?? ?? ??? ?? ????: WeChat ??? ??, ByteDance ??? ??, Sublime Text 3. ???? WeChat ??? ??? ?????.

2. WeChat ??? ??

1.

Baidu "WeChat Public Platform"? ?????? ????, ?? ????? ?????.

??????? ??? ???? ?? ??? ?????.

??? ?????. 64?? ?? ?? ??

2. ? ???? ???

?? ????? ???? ??, ????, AppID(??? ?? ??)? ?????

??? ?? ?????

??? ?? ???? ?? ?????. ??? ???? ??? ?????? ??? ?????.

3. ???? ?????

?? ????? ?? ? ?? ??
pages? ??? ????. ??? ?????. ??? ??? ??
utils? ?? js? ???? ? ???? ?????.

???? ?? ????? ??? ? ???? ????. ????? ??? ? ???? ? ?? ??????. ????? ???? ?? ??? ???? ? ? ??? ??? ???? ????. ??? ???? ????? ? ???(???? ???? ?? ??? ??)? ????

??? ?? ? ??? ????? ???? ??? ??(index.js, index.json, index.wxss, index.wxml)? ???? ????.
index.js? js ??? ??? ? ???? ?? ?????. index .json
? ?? ??, ?? ?? ?? ? ???? ?? ?????. index.wxss
? CSS ??? ??? ? ???? ??? ?? ?????. ? ????? ?? ???, HTML ??? ?????.
????? ?? ?? ??? ????? index? ?????(? ???? ???? ?? ??? ?? ??? ? ??? ???? ?)
??? app.js, app.json, app.wxss, project ?? ????? ?? .config.json ? sitemap.json? ?? ????? ?? ?????.



app.js? ????? ?? ???, ?????? ??? ???? ? ???? ?? ????? ??? ? ?? ?????.

app.json? ?? ?? ????? ?? ?????. , ?? ????? ??? ??, ????? ??, ?? ? ?? ?????.
app.wxss? ?? ????? ?? ??? ?????. ???? ????? app.wxss? ??? ??? ??? ?? ??? ? ????.
project.config.json ?, ???? ?? ??? ???? ???? ??? ????? ??? ? ???? ????, ???? ??? ?? ??? ??? ?????. ???, ?? ??? ? ?? ?? ?.
sitemap.json? ?? ????? ?? ???? WeChat?? ?????? ???? ??? ???? ? ?????. ?? ???? JSON ?????. sitemap.json? ??? ????? ?? ???? ???? ? ????. ;
??? ?? ?? ? ????? ???? ?? ?? ??? ???? ??? js(utils.js) ??? ??? ?????. ?, utils ??? ?? ???? ?? ??? ???? ? ?????. ?? ??.

4. ???? ??? ??
???? ??? ???? ????? ???? ?? ?? ??? ??? ????

1. ??

??? ?? ???? ???? ?? ?? ?? ??? ? ?? ?????.

2. Wxml
Wxml? HTML+CSS? ?????. ?? ??? HTML ??+CSS? ?? ?? ?????. ???? CSS ??? ???? ??? ? ????

3.Sources
Sources? ?? ????? ?? ???? ??? ???? WeChat ??? ?????? ??? ???? ??? ??????

4.Network
Network? ?????. ???? ?? ??? ????? ?? ??? ???? ??? ????

5.AppData
AppData? ?? ?????? ???? ?? ???? ????, ???? ???? ? ??? ????? ???? ?????

3. ???? ?? ??(?? ?? ??)

1. ???? ??

WeChat ??? ??? ???? ?? ???? ?? ????? "Taihang Elf"(WeChat?? ?? ??) ??? ?? ?????. ?? ?? .

???? ???? ??? ????

2. ???? ?????

"Taihang Elf" ????? ???? ??, ??? ??? ??, ?? ???? ??, ??? ?? ??? ???, ??? ? 6?? ???? ????. ??? ??, ??? ??? ?? QR ??? ??????.
2.app.json

var?api?=?require('../../utils/api.js')var?app?=?getApp()Page({
??data:?{
????lists:?[
??????{
????????'id':?'1',
????????'image':?'/img/1.jpg',
????????'title':?'太行領秀|?長治·上黨郡?【深度了解長治紅色旅游景點】',
????????'num':'304',
????????'state':'進行中',
????????'time':?'4月21日?17:59',
????????'address':?'長治市·潞州區(qū)'
????????
??????},
??????{
????????'id':?'2',
????????'image':?'/img/2.jpg',
????????'title':?'長治·武鄉(xiāng)·革命圣地',
????????'num':'380',
????????'state':'已結束',
????????'time':?'4月15日?17:39',
????????'address':?'長治市·武鄉(xiāng)縣'
??????},
??????{
????????'id':?'3',
????????'image':?'/img/3.jpg',
????????'title':?'沁源之美·靈空山',
????????'num':'500',
????????'state':'進行中',
????????'time':?'2月04日?17:31',
????????'address':?'長治市·沁源縣'
??????},
??????{
????????'id':?'4',
????????'image':?'/img/4.jpg',
????????'title':?'革命太行邀您“與世界對話”',
????????'num':'150',
????????'state':'進行中',
????????'time':?'5月09日?17:21',
????????'address':?'長治市·潞州區(qū)'
??????},
??????{
????????'id':?'5',
????????'image':?'/img/5.jpg',
????????'title':?'紅色太行?·?太行山革命區(qū)',
????????'num':'217',
????????'state':'進行中',
????????'time':?'10月09日?16:59',
????????'address':?'長治市·潞州區(qū)'
??????}
????],
????list:?[
??????{
????????'id':?'1',
????????'image':?'/img/1.jpg',
????????'title':?'太行領秀|?長治·上黨郡?【深度了解長治紅色旅游景點】',
????????'num':'304',
????????'state':'進行中',
????????'time':?'10月09日?17:59',
????????'address':?'長治市·潞州區(qū)'
??????},
??????{
????????'id':?'2',
????????'image':?'/img/2.jpg',
????????'title':?'長治·武鄉(xiāng)·革命圣地',
????????'num':'380',
????????'state':'已結束',
????????'time':?'10月09日?17:39',
????????'address':?'長治市·武鄉(xiāng)縣'
??????},
??????{
????????'id':?'3',
????????'image':?'/img/3.jpg',
????????'title':?'沁源之美·靈空山',
????????'num':'500',
????????'state':'進行中',
????????'time':?'10月09日?17:31',
????????'address':?'長治市·沁源縣'
??????},
??????{
????????'id':?'4',
????????'image':?'/img/4.jpg',
????????'title':?'革命太行邀您“與世界對話”',
????????'num':'150',
????????'state':'已結束',
????????'time':?'10月09日?17:21',
????????'address':?'長治市·潞州區(qū)'
??????},
??????{
????????'id':?'5',
????????'image':?'/img/5.jpg',
????????'title':?'紅色太行?·?太行山革命區(qū)',
????????'num':'217',
????????'state':'進行中',
????????'time':?'10月09日?16:59',
????????'address':?'長治市·潞州區(qū)'
??????}
????],
????imgUrls:?[
????????'/img/26.jpg',
????????'/img/13.jpg',
????????'/img/28.jpg',
????????'/img/14.jpg',
????????'/img/24.jpg',
????????'/img/15.jpg',
????????'/img/27.jpg',
????????'/img/27.jpg',
????????'/img/16.jpg'
????]
??},
??onLoad?()?{
????var?that?=?this
????app.getSystemInfo(function(res)?{
????	that.setData({
????????	systemInfo:?res??????	})
????})

????that.setData({
????_api:?api????})

????this.getSwipers()
????this.pullUpLoad()
??},

??/**
???*
???*/
???getSwipers?()?{
?????api.get(api.SWIPERS)
???????.then(res?=>?{
?????????this.setData({
???????????swipers:?res.data.ads?????????})
???????})
???},

??scrollR:?function(e){
????this.setData({
??????lists:?this.data.lists.concat(this.data.list),
????});
??},

??onLoad:?function?(e)?{
????this.scrollR(e);
??},

??scroll:?function(e){
????this.scrollR(this.data.offset);
??},
??//頁面跳轉函數(shù)（wxml中找bindtap="go2detail）
??go2detail:?function(param){
????wx.navigateTo({
?
??????url:?'/pages/discovery/discovery',
?
??????})
??}})

? ??? ????? ?? ??? ??? ? ????.

WeChat Mini ???? ?? ??

??? ???? AppID? ?????. ?? ??? ??? ? ID? ?????. WeChat ??? ??? ?? ?? ??? ??? ?? ?????. ?? ??. ???? ??? ? WeChat ?? ???? ???? ?? ??? ???? ??? ?? ???? ? 30? ?? ??? ??? ? ?? ??? ????? ??? ?? ???. ? 10? ?? ??? ??? ?? ????? ?? ? ????.

【?? ?? ??:
?? ???? ?? ????
】

? ??? ?? ?? WeChat ??? ?? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!