Wechat official account application development (I)

1.   Preface

Wechat platform provides open platform related interfaces API, Enterprise users or developers can use open interfaces API Customize and develop business applications , And you can bind the link address of the development application to the wechat official account menu , Wechat end users can subscribe or share content by following official account 、 Use customized business applications through menu links provided by official account .

2.   Development version

The development version of this chapter mainly uses the interface of wechat open platform API To develop a Third party business applications , The simple function provided by this application is to access wechat user login , After wechat users successfully log in to the third-party business application , Functions provided by third-party business applications can be used normally .

Third party refers to enterprise users or developers , It belongs to the business application provider , The customized applications need to be connected to the menu of personal official account or enterprise official account .

In the field of Internet software , The architecture model of wechat open platform is called PAAS, The architecture model of third-party business applications is called SAAS. Wechat users are End user , Use SAAS Application business functions provided .

2.1.   Application requirements

2.1.1.  The login process

1. WeChat users A Official account B
2. WeChat users A Click the public number B The menu in C
3. Show wechat users A Login screen
4. WeChat users A Click the login button
5. WeChat users A Successfully authorized third-party applications  
6. Display the homepage of third-party business applications

2.1.2.  The home page shows

Show wechat cloud hosting promotion homepage

2.2.   development tool

1. JDK18 Running environment
2. Eclipse The latest version of development tools
3. Spring Boot Development framework
4. Apache Maven Dependency management
5. Peanut shell server-side agent software

2.2.1.  Build code engineering

2.2.2.  Develop the interactive interface of official account

2.2.3.  Run application engineering

2.2.4.  Configure peanut shell agent

Bound peanut shell Dynamic proxy domain name To the port where the application runs locally , As shown below ：

2.2.5.  Test the interactive interface of official account

Peanut shell Dynamic domain name is bound Official account interactive interface to locally running application code , His address is ：

https://55vl963292.goho.co/main/

2.3.   Bind the official account to interact mouth

      1. Login WeChat Official account management platform

      2. Bind wechat official account interactive interface address ：

      https://55vl963292.goho.co/main/

2.4.   Develop official account menu

Call wechat open platform interface in the interactive interface of official account API Create a menu .

2.4.1.  obtain access_token

access_token The official account is the only global interface invoke credential. , Official account calls for interfaces. access_token. among ACCESS_TOKEN_URL It belongs to wechat open platform API Address 、APP_ID It is the developer of wechat official account ID、APP_SECRET It is the wechat official account developer key . The body code is as follows ：

2.4.2.  Open interface to create menu

Use the access_token, Request the menu creation of wechat open platform API. among ,CREATE_MEMU_URL It belongs to wechat open platform API Address . The body code is as follows ：

2.4.3.  Response event creation menu

Create menus in the interactive interface of wechat open platform , The code is as follows ：

2.5.   Develop the homepage of third-party applications

2.5.1.  Wechat login page parameters

The wechat login address of using peanut shell agent to run the application locally is ：

https://55vl963292.goho.co/, The description of page login parameters is as follows ：

among redirect_uri Equal to the homepage address of the third-party application ：

https://55vl963292.goho.co/pages/index

The user clicks “ Confirm login ” Button to successfully log in , Log in successfully and jump to the homepage of the third-party application in the next step .

2.5.3.  Third party application homepage display

The homepage address of using peanut shell agent to run the application locally is ：

https://55vl963292.goho.co/pages/index, The interface display effect is shown in the following figure ：

2.6.   Test third-party business applications

      1. Follow official account on wechat

      2. Click official account menu business

3.   Commercial version

The commercial version mainly uses the cloud services provided by Tencent cloud , The application architecture mainly uses the traditional business application software system architecture mode ： Top down layered architecture , They are the network load balancing layer 、 Front end separation layer 、 Back end separation layer 、 Data storage layer , Each layer uses the cloud services provided by Tencent cloud .

（ To be continued ）