위 챗 애플 릿+백 엔 드(자바)개발 실현
현재 위 챗 애플 릿 이 점점 뜨 거 워 지고 있 습 니 다.많은 사람들 이 여러 가지 경 로 를 통 해 위 챗 애플 릿 을 배우 거나 개발 을 시도 한 적 이 있다 고 믿 습 니 다.저 자 는 위 챗 애플 릿 을 개발 하 는 것 에 관심 이 있 기 때문에 결국은 자신의 졸업 디자인 도 위 챗 애플 릿 을 개발 한 적 이 있 습 니 다.그 러 니까 지금 이 블 로그 로 제 가 개발 한 경험 과 소감 을 기록 해 보 세 요.
주요 내용
프로그램 호출 백 엔 드 인터페이스
무료 https 신청
linux 하위 배치 상위 권위 챗 애플 릿 프로젝트 구축
이런 기본 적 인 것들 은 제 가 많이 소개 하 는 것 에 불과 합 니 다.여러분 이 개발 을 시 작 했 을 때 보통 자신의 서버 와 도 메 인 이름 이 없 었 기 때문에 여러분 이 로 컬 에서 작성 할 때'상세'아래 의'프로젝트 설정'에서'도 메 인 이름 안전성 검사 하지 않 기'를 선택 하 십시오.
위 챗 애플 릿 의 구성 요소,즉 전단 페이지 의 개발 은 여러분 들 이 외로움 을 견 디 고 위 챗 개발 플랫폼 에서 열심히 하 시기 바 랍 니 다.
구성 요소:https://developers.weixin.qq.com/miniprogram/dev/component/
api： https://developers.weixin.qq.com/miniprogram/dev/api/
백 엔 드
저 는 백 엔 드 에서 주로 자바 로 작 성 했 습 니 다.물론 다른 개발 언어 에 익숙 한 것 도 다른 언어 로 백 엔 드 를 개발 할 수 있 습 니 다.지금 자바 에서 백 엔 드 api 설명 을 작성 하 겠 습 니 다.주요 프레임 워 크 springboot,개발 도구 my eclipse,서버 아 리 클 라 우 드 서버.
Maven 프로젝트 를 만 들 고 의존 도 를 가 져 옵 니 다:
pom.xml 의존
<!-- -->
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.5.9.RELEASE</version>
</parent>
<dependencies>
<!-- freemarker -->
<!-- https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-freemarker -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<!-- spring boot -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!-- springboot jsp -->
<!-- tomcat . -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<exclusions>
<exclusion>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
</dependencies>
#jsp
spring.mvc.view.suffix=.jsp
spring.mvc.view.prefix=/WEB-INF/jsp/
#this is set port
#server.port=80
server.port=443
# ssl
#ssl
server.ssl.key-store=classpath:xxxxxxx.pfx
server.ssl.key-store-password=xxxxxxxx
server.ssl.keyStoreType=xxxxxxxx우선 springboot 의 입구 프로그램 을 만 듭 니 다:app.class 아래 에 코드 를 붙 입 니 다:
@ComponentScan(basePackages= "com.bin")// @ComponentScan(basePackages= "")
@EnableAutoConfiguration
public class App{
// springboot
public static void main(String[] args) {
SpringApplication.run(App.class, args);
}
}테스트 를 위 한 contrller 를 작성 하여 위 챗 애플 릿 과 자바 백 엔 드 를 통신 합 니 다.contrller 코드 는 다음 과 같 습 니 다.
@RestController
@SpringBootApplication
public class ControllerText {
@RequestMapping("getUser")
public Map<String, Object> getUser(){
System.out.println(" 。。。");
Map<String, Object> map = new HashMap<String, Object>();
List<String> list = new ArrayList<String>();
list.add("zhangsan");
list.add("lisi");
list.add("wanger");
list.add("mazi");
map.put("list",list);
System.out.println(" 。。。");
return map;
}
@RequestMapping("getWord")
public Map<String, Object> getText(String word){
Map<String, Object> map = new HashMap<String, Object>();
String message = " ， ";
if (" ".equals(word)) {
message=" 。";
}else if(" ".equals(word)){
message= " ， ， ， 。";
}else if(" ".equals(word)){
message=" （Xi'an Technological University） ” “， ， ， ， 、 、 、 、 。 （“ ”）， 、 、 、 “ ” 、 。 ， \" ， \" 。";
}
map.put("message", message);
return map;
}
@RequestMapping("")
public String getText(){
return "hello world";
}
}설명:@RestController 와@Controller 주해 의 차이 점@RestController 는 두 개의 주해 에 해당 하 며 백 엔 드 에서 얻 은 데 이 터 를 전단 페이지(웹 페이지)에서 json 문자열 로 전달 할 수 있 습 니 다.한편,위 챗 애플 릿 과 백 스테이지 간 의 데이터 전달 은 제 이 슨 메시지 로 전달 된다.그래서 이것 이 바로 springboot 프레임 워 크 개발 애플 릿 백 엔 드 를 선택 한 주요 원인 중 하나 입 니 다.애플 릿 백 엔 드 개발 을 진행 할 수 있 습 니 다.
애플 릿 네트워크 요청
애플 릿 백 엔 드 개발 이 완료 되 었 으 니 애플 릿 에서 네트워크 요청 을 하 겠 습 니 다.
다음은 간단 한 단추 로 데 이 터 를 요청 합 니 다.
wxml 파일
<button bindtap='houduanButton1'> </button>
<view wx:for="{{list}}">
：{{item}}
</view>
/**
*
*/
data: {
list: '',
word: '',
message:''
},
houduanButton1: function () {
var that = this;
wx.request({
url: 'http://localhost:443/getUser',
method: 'GET',
header: {
'content-type': 'application/json' //
},
success: function (res) {
console.log(res.data)//
var list = res.data.list;
if (list == null) {
var toastText = ' ';
wx.showToast({
title: toastText,
icon: '',
duration: 2000
});
} else {
that.setData({
list: list
})
}
}
})
}다음은 검색 형식의 요청 을 예 로 들 면:
wxml 파일:
<input type="text" class="houduanTab_input" placeholder=" " bindinput='houduanTab_input'></input>
<button bindtap='houduanButton2'> </button>
<view wx:if="{{message!=''}}">
{{message}}
</view>
//
houduanTab_input: function (e) {
this.setData({
word: e.detail.value
})
},
// houduanButton2
houduanButton2: function () {
var that = this;
wx.request({
url: 'http://localhost:443/getWord',
data:{
word: that.data.word
},
method: 'GET',
header: {
'content-type': 'application/json' //
},
success: function (res) {
console.log(res.data)//
var message = res.data.message;
if (message == null) {
var toastText = ' ';
wx.showToast({
title: toastText,
icon: '',
duration: 2000
});
} else {
that.setData({
message: message
})
}
}
})
}현재 백 엔 드 프로젝트 를 시작 하여 위 챗 개발 도구 에서 테스트 할 수 있 습 니 다.
데모 효과:
그래서 이로써 애플 릿 의 앞 뒤 통신 이 완료 되 었 습 니 다.
https 신청
신청 도 아 닙 니 다.도 메 인 이름 을 구 매 한 후에 무료 ssl 인증 서 를 신청 할 수 있 습 니 다.앞의 프로필 application.properties 에 인증서 설정 이 있 습 니 다.인증서 의 pfx 파일 을 백 엔 드 항목 에 직접 추가 하면 됩 니 다.
서버 배치 백 엔 드 api 코드 구 매
springboot 프로젝트 에 대해 서 는 jar 를 사용 하 는 것 을 권장 합 니 다.서버 에 직접 배치 하면 됩 니 다.서버 에 해당 버 전의 jdk 만 설치 하면 됩 니 다.프로젝트 배치 명령:
내 가 구 매 한 것 은 아 리 클 라 우 드 의 경량급 응용 서버 배치 이다.수지 가 맞 죠?
실행 명령:
nohup java -jar helloworld.jar &클 라 우 드 서버 가 다시 시작 되 지 않 는 한 서 비 스 를 끊 지 않 고 상주 한 다 는 뜻 입 니 다.마지막&명령 을 실행 한 후 로그 파일 nohup.out 을 생 성 하 겠 다 는 뜻 입 니 다.물론 자바 도 사용 할 수 있 습 니 다.-jar helloworld.jar.
원본 코드:java-wechat_jb51.rar
위 챗 애플 릿+백 엔 드(자바)개발 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.위 챗 애플 릿 자바 개발 에 관 한 더 많은 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
애플 릿 이미지 새로 고침, nginx 재 작성 url 제거 인자이전에 nginx 로 이미지 서버 를 만 들 었 는데 전단 에 작은 프로그램 을 사 용 했 습 니 다. 작은 프로그램 이 출시 된 후에 그림 이 새로 고침 되 지 않 는 것 을 발 견 했 습 니 다. 조사 한 결과 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
