慕課網_《初識Java微信公衆號開發》學習總結

時間:2017年08月11日星期五
說明:本文部份內容均來自慕課網。@慕課網:http://www.imooc.com
教學源碼:https://github.com/zccodere/s...
學習源碼:https://github.com/zccodere/s...html

第一章:課程介紹

1-1 課程簡介

面向人羣前端

對微信公衆號開發感興趣
有必定Java開發經驗或基礎

課程介紹java

介紹本套課程學習內容、開發語言等
微信公衆號介紹、申請以及後臺設置詳解
編輯模式下的消息回覆、菜單創建、素材管理等
開發前的環境搭建以及工具準備
開發者模式的切換、設置以及消息的接收與響應
百度BEA服務器的搭建、代碼上傳

第二章:公衆號介紹

2-1 公衆號與微信的區別

公衆號與微信區別git

clipboard.png

2-2 公衆號類型介紹

公衆號類型介紹github

clipboard.png

最新公衆號類型web

clipboard.png

企業號與服務號、訂閱號的區別spring

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

2-3 公衆號申請

公衆號申請apache

微信公衆平臺:https://mp.weixin.qq.com/

2-4 微信公衆平臺

微信公衆平臺介紹編程

微信公衆平臺是騰訊爲了讓用戶申請和管理微信公衆帳號而推出的一個WEB平臺

clipboard.png

第三章:編輯模式介紹

3-1 自動回覆

本章內容服務器

在編輯模式下實現消息自動回覆、菜單建立;以及在微信公衆號平臺推送消息給關注用戶。

clipboard.png

clipboard.png

clipboard.png

clipboard.png

3-2 素材管理

clipboard.png

單圖文與多圖文

clipboard.png

3-3 自定義菜單

自定義菜單有兩種類型

發送信息:click類型
跳轉到網頁:view類型

clipboard.png

clipboard.png

第四章:開發環境搭建

4-1 環境準備

開發環境準備

1.一個微信公衆號
2.外網映射工具(開發調試)
與微信對接的url要具有如下條件:
    --在公網上可以訪問
    --端口只支持80端口

映射工具

ngrok能夠將內網映射到公網上面,這樣就能夠在公網訪問你的本地網絡服務

ngrok用法

1.下載ngrok.xex可執行程序,而後在DOS輸入如下命令
2.ngrok http 8080
3.ngrok –config ngrok.cfg –subdomain example 8080
幫助文檔:https://natapp.cn/

clipboard.png

第五章:開發者模式介紹

5-1 數據交互原理

開發模式

clipboard.png

數據交互原理

clipboard.png

5-2 開發模式接入

接入指南

地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319

項目搭建

建立一個名爲wxdevaccess的maven項目,POM文件以下

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.myimooc</groupId>
    <artifactId>wxdevaccess</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>wxdevaccess</name>
    <url>http://maven.apache.org</url>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.5.1.RELEASE</version>
        <relativePath /> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        
        <dependency>
          <groupId>commons-codec</groupId>
          <artifactId>commons-codec</artifactId>
            </dependency>
        
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

說明:因爲條件限制,此項目代碼均沒有進行測試,這裏只是顯示大概開發過程。

代碼演示:
1.編寫AccressReqVo類

package com.myimooc.wxdevaccess.domain;

/**
 * 服務器驗證請求Vo
 * @author ZhangCheng on 2017-08-11
 *
 */
public class AccressReqVo {
    
    private String signature;
    
    private String timestamp;
    
    private String nonce;
    
    private String echostr;

    @Override
    public String toString() {
        return "AccressReqVo [signature=" + signature + ", timestamp=" + timestamp + ", nonce=" + nonce + ", echostr="
                + echostr + "]";
    }

    public String getSignature() {
        return signature;
    }

    public void setSignature(String signature) {
        this.signature = signature;
    }

    public String getTimestamp() {
        return timestamp;
    }

    public void setTimestamp(String timestamp) {
        this.timestamp = timestamp;
    }

    public String getNonce() {
        return nonce;
    }

    public void setNonce(String nonce) {
        this.nonce = nonce;
    }

    public String getEchostr() {
        return echostr;
    }

    public void setEchostr(String echostr) {
        this.echostr = echostr;
    }
}

2.編寫AccessRest類

package com.myimooc.wxdevaccess.rest;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

import com.myimooc.wxdevaccess.domain.AccressReqVo;
import com.myimooc.wxdevaccess.util.CheckUtils;

/**
 * 開發模式接入
 * @author ZhangCheng on 2017-08-11
 *
 */
@RestController
public class AccessRest {
    
    /**
     * 接收微信服務器發送的GET驗證請求
     */
    @GetMapping("wx")
    public String access(AccressReqVo vo){
        if(CheckUtils.checkSignature(vo)){
            return vo.getEchostr();
        }
        return "error";
    }
}

3.編寫CheckUtils類

package com.myimooc.wxdevaccess.util;

import java.security.MessageDigest;
import java.util.Arrays;
import java.util.Objects;

import org.apache.commons.codec.digest.DigestUtils;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import com.myimooc.wxdevaccess.domain.AccressReqVo;

/**
 * 開發模式接入-服務器驗證-校驗工具類
 * @author ZhangCheng on 2017-08-11
 *
 */
public class CheckUtils {
    
    private static final Logger logger = LoggerFactory.getLogger(CheckUtils.class);
    
    /**
     * 開發者模式-開發者本身填寫的 token (令牌)
     */
    private static final String token = "myimooc";
    
    /**
     * 功能:驗證消息的確來自微信服務器
     */
    public static boolean checkSignature(AccressReqVo vo){
        
        logger.info("驗證:{}",vo.toString());
        
        String[] arr = new String[]{token,vo.getTimestamp(),vo.getNonce()}; 
        // 排序
        Arrays.sort(arr);
        // 生成字符串
        StringBuffer content = new StringBuffer();
        for ( int i=0;i<arr.length;i++){
            content.append(arr[i]);
        }
        // sha1加密
        String temp = getSha1(content.toString());
        logger.info("sha1 微信傳入密文:{}",vo.getSignature());
        return Objects.equals(vo.getSignature(), temp);
    };
    
    /**
     * 經過 JDK 實現SHA-1 加密
     */
    public static String getSha1(String str){
        logger.info("sha1 加密前字符串:{}",str);
        try {
            MessageDigest md = MessageDigest.getInstance("SHA1");
            md.update(str.getBytes());
            String result = DigestUtils.sha1Hex(md.digest());
            logger.info("sha1 加密後字符串:{}",result);
            return result;
        } catch (Exception e) {
            logger.info("sha1 加密異常:{}",e);
            e.printStackTrace();
        }
        return null;
    }
}

5-3 接收消息與響應

消息類型

文本消息:text
圖片消息:image
語音消息:voice
視頻消息:video
連接消息:link
地理位置:location
事件推送:event
    --關注:subscribe
    --取消關注:unsubscribe
    --菜單點擊:CLICK、VIEW

代碼演示:

1.編寫TextMessage類

package com.myimooc.wxdevaccess.domain;

/**
 * 文本消息-向微信接口發起請求Vo
 * @author ZhangCheng on 2017-08-11
 *
 */
public class TextMessage {
    
    private String ToUserName;
    
    private String FromUserName;
    
    private Long CreateTime;
    
    private String MsgType;
    
    private String Content;
    
    private String MsgId;

    @Override
    public String toString() {
        return "TextMessage [ToUserName=" + ToUserName + ", FromUserName=" + FromUserName + ", CreateTime=" + CreateTime
                + ", MsgType=" + MsgType + ", Content=" + Content + ", MsgId=" + MsgId + "]";
    }

    public String getToUserName() {
        return ToUserName;
    }

    public void setToUserName(String toUserName) {
        ToUserName = toUserName;
    }

    public String getFromUserName() {
        return FromUserName;
    }

    public void setFromUserName(String fromUserName) {
        FromUserName = fromUserName;
    }

    public Long getCreateTime() {
        return CreateTime;
    }

    public void setCreateTime(Long createTime) {
        CreateTime = createTime;
    }

    public String getMsgType() {
        return MsgType;
    }

    public void setMsgType(String msgType) {
        MsgType = msgType;
    }

    public String getContent() {
        return Content;
    }

    public void setContent(String content) {
        Content = content;
    }

    public String getMsgId() {
        return MsgId;
    }

    public void setMsgId(String msgId) {
        MsgId = msgId;
    }
    
    
}

2.編寫EventMessage類

package com.myimooc.wxdevaccess.domain;

/**
 * 事件推送-向微信接口發起請求Vo
 * @author ZhangCheng on 2017-08-11
 *
 */
public class EventMessage {
    
    private String ToUserName;
    
    private String FromUserName;
    
    private Long CreateTime;
    
    private String MsgType;
    
    private String Event;
    
    @Override
    public String toString() {
        return "EventMessage [ToUserName=" + ToUserName + ", FromUserName=" + FromUserName + ", CreateTime="
                + CreateTime + ", MsgType=" + MsgType + ", Event=" + Event + "]";
    }

    public String getToUserName() {
        return ToUserName;
    }

    public void setToUserName(String toUserName) {
        ToUserName = toUserName;
    }

    public String getFromUserName() {
        return FromUserName;
    }

    public void setFromUserName(String fromUserName) {
        FromUserName = fromUserName;
    }

    public Long getCreateTime() {
        return CreateTime;
    }

    public void setCreateTime(Long createTime) {
        CreateTime = createTime;
    }

    public String getMsgType() {
        return MsgType;
    }

    public void setMsgType(String msgType) {
        MsgType = msgType;
    }

    public String getEvent() {
        return Event;
    }

    public void setEvent(String event) {
        Event = event;
    }
    
    
    
}

3.編寫MessageUtils類

package com.myimooc.wxdevaccess.util;

import java.util.Date;

import com.myimooc.wxdevaccess.domain.TextMessage;

/**
 * 消息類型及工具類
 * @author ZhangCheng on 2017-08-11
 *
 */
public class MessageUtils {
    
    public static final String MESSAGE_TEXT = "text";
    public static final String MESSAGE_IMAGE = "image";
    public static final String MESSAGE_VOICE = "voice";
    public static final String MESSAGE_VIDEO = "video";
    public static final String MESSAGE_LINK = "link";
    public static final String MESSAGE_LOCATION = "location";
    public static final String MESSAGE_EVENT = "event";
    public static final String MESSAGE_SUBSCRIBE = "subscribe";
    public static final String MESSAGE_UNSUBSCRIBE = "unsubscribe";
    public static final String MESSAGE_CLICK = "CLICK";
    public static final String MESSAGE_VIEW = "VIEW";
    
    public static TextMessage initText(String toUserName,String fromUserName,String content){
        TextMessage text = new TextMessage();
        text.setFromUserName(toUserName);
        text.setToUserName(fromUserName);
        text.setMsgType(MessageUtils.MESSAGE_TEXT);
        text.setCreateTime(new Date().getTime());
        text.setContent(content);
        return text;
    }
    
    /**
     * 主菜單
     */
    public static String menuText(){
        StringBuffer sb = new StringBuffer();
        sb.append("歡迎您的關注,請按照菜單提高進行操做:\n\n");
        sb.append("一、課程介紹\n");
        sb.append("二、慕課網介紹\n\n");
        sb.append("回覆?調出此菜單。");
        return sb.toString();
    }
    
    public static String firstMenu(){
        StringBuffer sb = new StringBuffer();
        sb.append("本套課程介紹微信公衆號開發,主要涉及公衆號介紹、編輯模式介紹、開發模式介紹等。");
        return sb.toString();
    }
    
    public static String secondMenu(){
        StringBuffer sb = new StringBuffer();
        sb.append("慕課網是垂直的互聯網IT技能免費學習網站。以獨家視頻教程、在線編程工具、學習計劃、"
                + "問答社區爲核心特點。在這裏,你能夠找到最好的互聯網技術牛人,也能夠經過免費的在線公"
                + "開視頻課程學習國內領先的互聯網IT技術。"
                + "慕課網課程涵蓋前端開發、PHP、Html五、Android、iOS、Swift等IT前沿技術語言,"
                + "包括基礎課程、實用案例、高級分享三大類型,適合不一樣階段的學習人羣。"
                + "以純乾貨、短視頻的形式爲平臺特色,爲在校學生、職場白領提供了一個迅速提高技能、共同分享進步的學習平臺。");
        return sb.toString();
    }
}

4.編寫MessageRest類

package com.myimooc.wxdevaccess.rest;

import java.util.Date;
import java.util.Objects;

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

import com.myimooc.wxdevaccess.domain.EventMessage;
import com.myimooc.wxdevaccess.domain.TextMessage;
import com.myimooc.wxdevaccess.util.MessageUtils;

/**
 * 處理消息請求與響應
 * @author ZhangCheng on 2017-08-11
 *
 */
@RestController
public class MessageRest {
    
    /**
     * 接收微信服務器發送的POST請求
     */
    @PostMapping("textmessage")
    public Object textmessage(TextMessage msg){
        // 文本消息
        if(Objects.equals(MessageUtils.MESSAGE_TEXT, msg.getMsgType())){
            TextMessage textMessage = new TextMessage();
            // 關鍵字 1
            if(Objects.equals("1", msg.getContent())){
                textMessage = MessageUtils.initText(msg.getToUserName(), msg.getFromUserName(), MessageUtils.firstMenu());
                return textMessage;
            }
            // 關鍵字 2
            if(Objects.equals("2", msg.getContent())){
                textMessage = MessageUtils.initText(msg.getToUserName(), msg.getFromUserName(), MessageUtils.secondMenu());
                return textMessage;
            }
            // 關鍵字 ?? 調出菜單
            if(Objects.equals("?", msg.getContent()) || Objects.equals("?", msg.getContent())){
                textMessage = MessageUtils.initText(msg.getToUserName(), msg.getFromUserName(), MessageUtils.menuText());
                return textMessage;
            }
            
            // 非關鍵字
            textMessage.setFromUserName(msg.getToUserName());
            textMessage.setToUserName(msg.getFromUserName());
            textMessage.setMsgType(MessageUtils.MESSAGE_TEXT);
            textMessage.setCreateTime(new Date().getTime());
            textMessage.setContent("您發送的消息是:" + msg.getContent());
            return textMessage;
        }
        return null;
    }
    
    /**
     * 接收微信服務器發送的POST請求
     */
    @PostMapping("eventmessage")
    public Object eventmessage(EventMessage msg){
        // 事件推送
        if(Objects.equals(MessageUtils.MESSAGE_EVENT, msg.getMsgType())){
            // 關注
            if(Objects.equals(MessageUtils.MESSAGE_SUBSCRIBE, msg.getEvent())){
                TextMessage text = new TextMessage();
                text = MessageUtils.initText(msg.getToUserName(), msg.getFromUserName(), MessageUtils.menuText());
                return text;
            }
        }
        return null;
    }
    
}

第六章:百度BAE的使用

6-1 百度BAE的使用

百度BAE介紹

百度應用引擎(BAE)是百度推出的網絡應用開發平臺,開發者不須要進行服務器的維護、設置等繁瑣的操做,只須要簡單的上傳本身的應用便可在網絡上訪問。

百度開放服務平臺

地址:http://developer.baidu.com/
搜索BAE(應用引擎)
地址:https://cloud.baidu.com/product/bae.html
使用BAE部署項目war包
相關文章
相關標籤/搜索