Development of uni app imitating wechat app

Want to make APP Same thing as WeChat , Can run small programs smoothly ？ | Experience will send you to Xinjiang 、 Huawei 、 Cherry keyboard ！>>>

uni-app The actual combat imitates wechat app Development

Download address ： Baidu cloud disk
Applicable people
have Html+Css+JavaScript Basics , There is a certain Vue.js Basics , Challenging high paying jobs

Course overview
This quarter is uni-app + egg.js The actual combat imitates wechat app And small program full stack development , Turn on pure nvue Native rendering , Greatly improved performance . A development , At the same time Android、iOS And applets, etc .

Chapter contents ：

chapter 1: Project introduction

Class hour 1 Video project introduction 07:02

chapter 2: Environment building and project creation

Class hour 2 Video create project and turn on native rendering 08:35

chapter 3: Global configuration

Class hour 3 Video introduces global styles （ One ）08:11

Class hour 4 Video introduces global styles （ Two ）08:15

Class hour 5 Video introduces custom icon library （ One ）07:51

Class hour 6 Video introduces custom icon library （ Two ） Introduced the global 02:56

Class hour 7 Video introduces custom icon library （ 3、 ... and ） Compatible with multiple terminals 05:28

Class hour 8 Video configuration tabbar Bottom navigation 09:21

Class hour 9 Video configuration globalStyle03:00

chapter 4: Chat list page development

Class hour 10 Video head navigation component development 12:43

Class hour 11 video Icon button component encapsulation 05:11

Class hour 12 Video package head navigation component （ One ）06:46

Class hour 13 video Package head navigation components （ Two ）08:25

Class hour 14 Video development chat list component （ One ）11:32

Class hour 15 Video development chat list component （ Two ）09:04

Class hour 16 Video packaging head image components 04:34

Class hour 17 video badge Component development 06:23

Class hour 18 Video packaging badge Components 05:39

Class hour 19 Video encapsulation chat list component 08:52

Class hour 20 Video packaging global mixin02:54

Class hour 21 Video development pop-up layer components （ One ） Infrastructure 04:36

Class hour 22 Video development pop-up layer components （ Two ） Pop up close function 15:03

Class hour 23 Video development pop-up layer components （ 3、 ... and ）09:08

Class hour 24 Video development pop-up layer components （ Four ） Custom location 08:34

Class hour 25 Video development pop-up layer components （ 5、 ... and ） Long press to pop up the menu （ One ）06:34

Class hour 26 Video development pop-up layer components （ 6、 ... and ） Long press to pop up the menu （ Two ）10:56

Class hour 27 video Develop pop-up layer components （ 7、 ... and ） Long press to pop up the menu （ 3、 ... and ）11:23

Class hour 28 Video development pop-up layer components （ 8、 ... and ） Animation effects 09:19

Class hour 29 Video development navigation pop up extended menu （ One ）16:24

Class hour 30 Video development navigation pop up extended menu （ Two ）02:17

Class hour 31 Video delete current session 07:05

Class hour 32 Video top , Cancel topping current session 11:18

chapter 5: Address book page development

Class hour 33 Video address list component development 08:27

Class hour 34 Video encapsulates the public list component 07:41

Class hour 35 Video perfect address list 06:47

chapter 6: Discovery page development

Class hour 36 Video optimization public list component 08:55

Class hour 37 Video perfect discovery page 07:57

chapter 7: Personal Center Development

Class hour 38 Video optimization custom navigation bar function 05:59

Class hour 39 Global video component enhancement list 10:38

Class hour 40 Video perfect personal center page 04:49

chapter 8: Chat page development

Class hour 41 Video chat page navigation development 09:21

Class hour 42 Video chat page bottom input box development 09:51

Class hour 43 Video development chat content area 05:08

Class hour 44 Video chat bubble component development （ One ）07:47

Class hour 45 Video chat bubble component development （ Two ）08:08

Class hour 46 Video optimization icon display problem 07:21

Class hour 47 Video encapsulates chat bubble components （ One ）12:03

Class hour 48 Video encapsulates chat bubble components （ Two ）06:29

Class hour 49 Video chat time humanized display 10:31

Class hour 50 Video long press to pop up the operation menu （ One ）11:01

Class hour 51 Video long press to pop up the operation menu （ Two ）03:58

Class hour 52 Video long press to pop up the operation menu （ 3、 ... and ）06:32

Class hour 53 Video message recall function implementation （ One ）07:25

Class hour 54 Video message recall function implementation （ Two ） Animation effect 05:22

Class hour 55 Video solves the problem of keyboard jack up window 09:43

Class hour 56 Video scrolling to the bottom function 07:31

Class hour 57 Video send text function to achieve 13:02

Class hour 58 Video bottom operation menu development （ One ）09:23

Class hour 59 Video bottom menu development （ Two ）- Menu list （ One ）07:28

Class hour 60 Video bottom menu development （ 3、 ... and ）- Menu list （ Two ）08:53

Class hour 61 Video bottom menu development （ Four ）- Keyboard switch （ One ）08:38

Class hour 62 Video bottom menu development （ 5、 ... and ）- Keyboard switch （ Two ）16:46

Class hour 63 Video bottom menu development （ 6、 ... and ）- emoticon （ One ）13:33

Class hour 64 Video bottom menu development （ 7、 ... and ）- emoticon （ Two ）07:40

Class hour 65 Video send emoticon package function （ One ）09:04

Class hour 66 Video send emoticon package function （ Two ）07:59

Class hour 67 Video send picture function 08:00

Class hour 68 Video preview image save album function 09:42

Class hour 69 Video image loading component （ One ）12:05

Class hour 70 Video image loading component （ Two ）06:32

Class hour 71 Video packaging image loading component 10:43

Class hour 72 Video and voice playback function （ One ）08:57

Class hour 73 Video and voice playback function （ Two ）05:41

Class hour 74 Video multi voice playback switch - introduce vuex09:16

Class hour 75 Video multi voice playback switch - Customize global events $on15:06

Class hour 76 Video multi voice playback switch - Customize global events $emit09:36

Class hour 77 Video multi voice playback switch - Customize global events $off05:21

Class hour 78 Video multi voice playback switch - Achieve audio switching 04:12

Class hour 79 Video modification action Name conflict prevention 04:12

Class hour 80 Video to achieve voice playback animation effect 08:44

Class hour 81 Video short video message function （ One ）15:20

Class hour 82 Video short video message function （ Two ）07:57

Class hour 83 Video short video message function （ 3、 ... and ）06:04

Class hour 84 Video processing audio time and bubble length 07:54

Class hour 85 Record video and input text 08:59

Class hour 86 Video recording status animation display （ One ）09:19

Class hour 87 Video recording status animation display （ Two ）10:52

Class hour 88 Video sending and recording function 08:05

Class hour 89 Video calculates audio duration 07:24

Class hour 90 Video global recording Manager （ One ）10:07

Class hour 91 Video global recording Manager （ Two ）06:15

Class hour 92 Video recording sending video 08:55

chapter 9: Chat information settings page development

Class hour 93 Video chat information settings page （ One ）12:38

Class hour 94 Video chat information settings page （ Two ）11:05

Class hour 95 Video chat information settings page （ 3、 ... and ）08:58

chapter 10: Friend settings page development

Class hour 96 Personal video development page （ One ）15:37

Class hour 97 Personal video development page （ Two ）03:46

Class hour 98 Personal video development page （ 3、 ... and ） Operation menu 10:11

chapter 11: Set up notes and tabs

Class hour 99 Video settings note page （ One ）11:44

Class hour 100 Video settings note page （ Two ）09:35

Class hour 101 Video Settings tab （ One ）- Tag list 11:02

Class hour 102 Video Settings tab （ Two ）- Add tags 04:56

Class hour 103 Video Settings tab （ 3、 ... and ）- Delete and quick add 05:17

Class hour 104 Video Settings tab （ Four ）- preservation 12:19

chapter 12: Set up circle of friends and dynamic permissions

Class hour 105 Video set dynamic permissions for circle of friends 10:18

chapter 13: Star Mark friends and join out of blacklist

Class hour 106 Set the video as a star friend 09:22

Class hour 107 Video in and out of blacklist 07:15

chapter 14: Address book index list function

Class hour 108 Video address book index list function （ One ）13:10

Class hour 109 Video address book index list function （ Two ）10:56

Class hour 110 Video address book index list function （ 3、 ... and ）08:45

chapter 15: Recommend business card function

Class hour 111 Video recommended business card （ One ）11:03

Class hour 112 Video recommended business card （ Two ）- Multiple choice function 12:52

Class hour 113 Video recommended business card （ 3、 ... and ）- Limit the number of selections 06:55

Class hour 114 Video recommended business card （ Four ）- Real time search 11:20

Class hour 115 Video recommended business card （ 5、 ... and ）- Prompt box 15:01

Class hour 116 Video recommended business card （ 6、 ... and ）- Prompt box 09:40

chapter 16: User complaint development

Class hour 117 Video user complaint development 09:23

chapter 17: Circle of friends development

Class hour 118 Video circle of friends development - Gradient navigation （ On ）11:56

Class hour 119 Video circle of friends development - Gradient navigation （ Next ）11:39

Class hour 120 Video friends list - One picture, many pictures 11:40

Class hour 121 Video friends list - Component encapsulation 13:31

Class hour 122 Video friends list - video 02:19

Class hour 123 Video friends list - Like comment list 11:24

Class hour 124 Video friends list - Comment on （ One ）- Input box 15:04

Class hour 125 Video friends list - Comment on （ Two ）- emoticon 10:11

chapter 18: Profile settings development

Class hour 126 Video profile settings development （ One ）08:33

Class hour 127 Video profile settings development （ Two ）10:58

chapter 19: QR code business card page development

Class hour 128 Development of business card page of video QR code 06:12

chapter 20: Collection list development

Class hour 129 Develop a video collection list 06:21

chapter 21: Public search page development

Class hour 130 Video public search page development 18:21

chapter 22: Publishing friend circle page development

Class hour 131 Video release circle of friends page - written words 11:43

Class hour 132 Video release circle of friends page - Image & Text （ One ）06:45

Class hour 133 Video release circle of friends page - Image & Text （ Two ）09:07

Class hour 134 Video release circle of friends page - Image & Text （ 3、 ... and ）09:37

Class hour 135 Video release circle of friends page - video 09:45

chapter 23: Log in to the registration page

Class hour 136 Video login page development 15:31

Class hour 137 Video registration page development 03:52

Class hour 138 Optimization of transition from login page to home page when video starts 03:51

chapter 24:egg.js Basic courses

Class hour 139 Video creation egg.js project 07:30

Class hour 140 Video write the first api Interface 08:42

Class hour 141 video router Route parameters （ One ）11:30

Class hour 142 video router Route parameters （ Two ）11:22

Class hour 143 Video resource routing and routing packets 11:03

Class hour 144 Video database migration （ One ）11:06

Class hour 145 Video database migration （ Two ）07:57

Class hour 146 video sequelize Model - newly added 14:59

Class hour 147 video sequelize Model - Batch add and modify 08:53

Class hour 148 video sequelize Model - Query individual 10:39

Class hour 149 video sequelize Model - Query multiple and retrievers 07:55

Class hour 150 video sequelize Model -where The operator 08:26

Class hour 151 video sequelize Model - Fields restrict sort pagination 12:35

Class hour 152 video sequelize Model - Modify and restrict fields 11:09

Class hour 153 video sequelize Model - Delete and batch delete 07:45

Class hour 154 Video errors and exceptions are handled uniformly 11:59

Class hour 155 Video middleware configuration 08:11

Class hour 156 Video parameter verification 10:33

chapter 25: Back end api Development and front end interaction

Class hour 157 Video creation project and basic configuration 07:45

Class hour 158 Video global throw exception handling 11:59

Class hour 159 Video packaging api Return format extension 08:31

Class hour 160 video sequelize Database and migration configuration 08:06

Class hour 161 Video user table design and migration 10:08

Class hour 162 Video registration function to achieve 10:14

Class hour 163 The function of video parameter verification is realized （ One ）08:59

Class hour 164 The function of video parameter verification is realized （ Two ）05:09

Class hour 165 video crypto Data encryption 05:45

Class hour 166 Video user login function 14:56

Class hour 167 video jwt Encryption Authentication 08:35

Class hour 168 video redis Caching plug-ins and encapsulation 09:23

Class hour 169 Implementation of video global authority verification middleware （ One ）11:31

Class hour 170 Implementation of video global authority verification middleware （ Two ）08:14

Class hour 171 Video log out function 03:35

Class hour 172 Video search user function 06:31

Class hour 173 Video friend form and friend application form design 07:38

Class hour 174 Video application add friends function （ One ）13:34

Class hour 175 Video application add friends function （ Two ）07:48

Class hour 176 Video access friend application list （ One ）08:31

Class hour 177 Video access friend application list （ Two ）13:03

Class hour 178 Video processing Friend application （ One ）10:30

Class hour 179 Video processing Friend application （ Two ）11:38

Class hour 180 Video access address list （ One ）06:54

Class hour 181 Video access address list （ Two ）06:35

Class hour 182 Video view friends information function implementation 07:53

Class hour 183 Video move in remove blacklist function 09:00

Class hour 184 Video settings cancel star logo friends 05:40

Class hour 185 Video set friend circle permission function 05:35

Class hour 186 Video report complaint friend or group function （ One ）11:12

Class hour 187 Video report complaint friend or group function （ Two ）05:21

Class hour 188 Video set note and tag function （ One ）07:25

Class hour 189 Video set note and tag function （ Two ）16:55

Class hour 190 Video set note and tag function （ 3、 ... and ）15:44

Class hour 191 Video installation websocket plug-in unit 03:14

Class hour 192 Video link websocket And authority verification 08:36

Class hour 193 Video compatible H5 End treatment 05:41

Class hour 194 Video configuration H5 End cross domain problem 02:59

Class hour 195 Video login registration function to achieve （ One ）14:21

Class hour 196 Video login registration function to achieve （ Two ）11:58

Class hour 197 Video deployment chat debugging environment 13:04

Class hour 198 Video log out function to achieve 12:13

Class hour 199 Video global mixin Authority verification implementation 07:53

Class hour 200 Video initialization login status 08:51

Class hour 201 Video search user function implementation 06:56

Class hour 202 Video view user profile function （ One ）10:19

Class hour 203 Video view user profile function （ Two ）09:34

Class hour 204 Video view user profile function （ 3、 ... and ）05:50

Class hour 205 Video repair processes friend requests api Interface 01:24

Class hour 206 Video add friends function to achieve 17:05

Class hour 207 Video to be processed friend application number prompt 13:47

Class hour 208 Video pending friend application list （ One ）15:28

Class hour 209 Video pending friend application list （ Two ）16:40

Class hour 210 Video processing Friend application function 08:24

Class hour 211 Video address list function implementation 10:49

Class hour 212 Video perfect view profile page 05:52

Class hour 213 Video set star friends and set blacklist function 10:08

Class hour 214 Video set friend circle authority function to achieve 09:38

Class hour 215 Video set notes and tags function to achieve 08:52

Class hour 216 Video report complaint friend function to achieve 06:57

Class hour 217 Video perfect a few small problems 06:23

Class hour 218 video websocket Connection authority verification and forced offline 13:35

Class hour 219 Video back end users online and offline depth analysis 09:08

Class hour 220 Video chat class chat.js encapsulation （ One ）14:08

Class hour 221 Video chat class chat.js encapsulation （ Two ）07:49

Class hour 222 Video chat class chat.js encapsulation （ 3、 ... and ）10:16

Class hour 223 Video chat class encapsulation （ Four ）- Create and destroy chat objects 12:54

Class hour 224 Video sending message interface development - Single chat （ One ）13:36

Class hour 225 Video sending message interface development - Single chat （ Two ）12:32

Class hour 226 Video chat class encapsulation （ 5、 ... and ）- Send a message 12:35

Class hour 227 Video chat class encapsulation （ 6、 ... and ）- Organization send message format 16:59

Class hour 228 Video chat class encapsulation （ 7、 ... and ）- Perfect sending message status 08:24

Class hour 229 Video chat class encapsulation （ 8、 ... and ）- Add chat 18:03

Class hour 230 Video chat class encapsulation （ Nine ）- Update the specified chat record 07:18

Class hour 231 Video chat class encapsulation （ Ten ）- Update session list （ One ）19:59

Class hour 232 Video chat class encapsulation （ 11、 ... and ）- Update session list （ Two ）18:18

Class hour 233 Video chat class encapsulation （ 13、 ... and ）- Disconnection and reconnection prompt 05:08

Class hour 234 Video rendering and monitoring chat session list 15:51

Class hour 235 Video chat class encapsulation （ fourteen ）- Processing received messages 15:10

Class hour 236 There is no reading in video initialization 10:57

Class hour 237 Video chat class encapsulation （ 15、 ... and ）- Read session function 10:41

Class hour 238 Video chat page real-time information receiving function 07:54

Class hour 239 Video to get current session details 13:20

Class hour 240 Video creation group chat function （ One ）10:54

Class hour 241 Video creation group chat function （ Two ）13:08

Class hour 242 Video creation group chat function （ 3、 ... and ）14:13

Class hour 243 Video creation group chat function （ Four ）14:05

Class hour 244 Video creation group chat function （ 5、 ... and ）08:51

Class hour 245 Video group chat sending and receiving messages 18:59

Class hour 246 Video group nickname display 13:19

Class hour 247 Video to get offline messages 08:44

Class hour 248 Video on bottom compatible H5 End 06:39

Class hour 249 Pagination of video group chat list （ One ）10:06

Class hour 250 Pagination of video group chat list （ Two ）14:25

Class hour 251 Video access to group chat related information （ One ）12:30

Class hour 252 Video access to group chat related information （ Two ）07:45

Class hour 253 Video modification group name function （ One ）16:30

Class hour 254 Video modification group name function （ Two ）09:34

Class hour 255 Video group announcement push function （ One ）07:35

Class hour 256 Video group announcement push function （ Two ）08:42

Class hour 257 Video changes my nickname in this group （ One ）11:11

Class hour 258 Video changes my nickname in this group （ Two ）07:04

Class hour 259 Video exit and break up group chat （ One ）11:05

Class hour 260 Video exit and break up group chat （ Two ）06:28

Class hour 261 Video delete specified session function 05:00

Class hour 262 Video group data setting function 12:28

Class hour 263 Video group QR code generation （ One ）10:36

Class hour 264 Video group QR code generation （ Two ）07:00

Class hour 265 Video generated personal QR code business card 05:51

Class hour 266 Video clear chat record function 05:51

Class hour 267 Video send emoticon package function 06:10

Class hour 268 Video upload files and oss To configure 14:32

Class hour 269 Video upload file request encapsulation 16:02

Class hour 270 Video send picture function 10:02

Class hour 271 Video sending short video function 07:41

Class hour 272 Video sending voice function 16:56

Class hour 273 Video recall message function （ One ）15:06

Class hour 274 Video recall message function （ Two ）14:29

Class hour 275 Video recall message function （ 3、 ... and ）15:55

Class hour 276 Video recall message function （ Four ）08:35

Class hour 277 Video forwarding function to achieve （ One ）12:13

Class hour 278 Video forwarding function to achieve （ Two ）13:42

Class hour 279 Video forwarding function to achieve （ 3、 ... and ）18:00

Class hour 280 Video forwarding function to achieve （ Four ）03:39

Class hour 281 Realization of video copy function 03:18

Class hour 282 Video delete specified message record 18:09

Class hour 283 Video collection related interface development 12:08

Class hour 284 Videos create collections and collections lists 18:13

Class hour 285 Video delete collection function 02:58

Class hour 286 Video sending collection function 11:05

Class hour 287 Video sending business card function （ One ）06:11

Class hour 288 Video sending business card function （ Two ）15:10

Class hour 289 Video friends apply for real-time notification 04:32

Class hour 290 Video agreed to add friends real-time notification 08:05

Class hour 291 Video modifying user profile （ One ）04:54

Class hour 292 Video modifying user profile （ Two ）08:17

Class hour 293 Video delete friend function 12:16

Class hour 294 Video friend circle related data table migration 17:58

Class hour 295 Video publishing circle of friends api Development （ One ）17:30

Class hour 296 Video publishing circle of friends api Development （ Two ）08:38

Class hour 297 Video publishing circle of friends api Development （ 3、 ... and ）11:57

Class hour 298 Video likes circle of friends api Development （ One ）10:27

Class hour 299 Video likes circle of friends api Development （ Two ）06:49

Class hour 300 Video review circle of friends api Development （ One ）08:21

Class hour 301 Video review circle of friends api Development （ Two ）03:07

Class hour 302 Video friends list api Development 25:11

Class hour 303 Video my circle of friends list api Development 06:36

Class hour 304 Video friend circle list paging function to achieve 17:37

Class hour 305 Video my circle of friends pagination list implementation 02:48

Class hour 306 Video friends circle like function 07:46

Class hour 307 Video repair delete friends circle record problem 06:53

Class hour 308 Video friends circle dynamic real-time notification function 19:55

Class hour 309 Video reading friends circle dynamic function 07:34

Class hour 310 Video friend circle comment function （ One )13:26

Class hour 311 Video friend circle comment function （ Two ）02:09

Class hour 312 Video friends comment emoticon pack function 02:33

Class hour 313 Video publishing circle of friends - Upload pictures in batches 11:06

Class hour 314 Video publishing circle of friends - Upload short video 08:17

Class hour 315 Video publishing circle of friends - Real time notification 10:22

Class hour 316 Video reminds who to watch the function 14:53

Class hour 317 Video circle of friends view permissions 20:42

Class hour 318 Video initialization session list function 08:58

Class hour 319 Video disconnection automatic reconnection processing 07:21

Class hour 320 video Token Automatic exit on error 04:59

Class hour 321 Video view chat record function 10:02

Class hour 322 The video kicks someone out of the group （ One ）09:45

Class hour 323 The video kicks someone out of the group （ Two ）13:45

Class hour 324 The video kicks someone out of the group （ 3、 ... and ）04:59

Class hour 325 Video invite to join group chat （ One ）05:50

Class hour 326 Video invite to join group chat （ Two ）10:03

Class hour 327 Video part of the small details optimization 04:43

Class hour 328 Video tag list and tag user list 22:17

Class hour 329 Video applet side compatible processing 19:15

Class hour 330 video app End compatible processing （ One ）21:22

Class hour 331 video app End compatible processing （ Two ）11:47

Class hour 332 Video add background tone （ One ）08:19

Class hour 333 Video add background tone （ Two ）01:25

Class hour 334 Video forwarding business card function 11:23

Class hour 335 Video check friends circle perfect （ One ）13:41

Class hour 336 Video check friends circle perfect （ Two ）15:54

Class hour 337 Video check friends circle perfect （ 3、 ... and ）10:47

Class hour 338 Video check friends circle perfect （ Four ）12:16

Class hour 339 Video check friends circle perfect （ 5、 ... and ）12:11

Class hour 340 video iOS End compatible processing 21:05

Class hour 341 Video multi process implementation （ One ）17:59

Class hour 342 Video multi process implementation （ Two ）14:18

Class hour 343 Video fix pop-up problem 04:43

Class hour 344 Scan the video and add group chat function （ One ）13:34

Class hour 345 Scan the video and join the group chat function （ Two ）16:44

Class hour 346 Scan the video and join the group chat function （ 3、 ... and ）07:24

Class hour 347 Scan the video and add friends 08:31

Class hour 348 Video repair part small bug13:08

chapter 26: Pack and go online

Class hour 349 Build environment before video deployment 14:58

Class hour 350 Video back end deployment online 16:35

Class hour 351 Video deployment H5 End 11:40

Class hour 352 Video Android app Pack and go online 18:10

Class hour 353 video IOS End pack

 

  Download address ： Baidu cloud disk