co를 사용하여 비동기 프로세스를 처리하는 미니 프로그램 개발에 대한 예제 튜토리얼

零下一度
풀어 주다: 2017-05-23 23:19:26
원래의
2228명이 탐색했습니다.

최근 WeChat 미니 프로그램을 배우고 있습니다. 이 글에서는 주로 co를 사용하여 비동기 프로세스를 처리하는 WeChat 미니 프로그램 방법을 소개합니다. 참고학습이 필요한 친구들은 아래를 참고해서 보시면 됩니다.

이 글은 주로 WeChat 미니 프로그램에서 비동기 프로세스를 처리하기 위해 co를 사용하는 방법에 대한 튜토리얼을 소개합니다. 필요한 친구는 아래의 자세한 소개를 살펴보세요. 🎜>

co

co는 ES6 Generator 기능으로 구현된 [비동기 프로세스 동기화] 작성 방식을 기반으로 한 도구 라이브러리입니다.

co는 Promise 기능을 사용해야 하므로 먼저 Promise를 사용하여 처리하는 비동기 메서드를 만들어 보겠습니다.

function myAsyncFunc() {
 return new Promise(function (resolve, reject) {
 setTimeout(function () {
 console.log("myAsyncFunction done!");
 resolve({ 
 data: "Hello,World" 
 })
 }, 2000);
 });
}
로그인 후 복사

그런 다음 이 메서드를 직접 사용하면 다음과 같습니다. then/ catch 콜백 메소드는 호출 결과 및 예외 처리를 처리합니다:

myAsyncFunc().then(function (result) {
 console.log(result.data); //Hello,World
}).catch(function (err) {
 //...
});
로그인 후 복사

그리고 co를 사용하면 다음과 같습니다:

co(function *() {
 try {
 var result = yield myAsyncFunc();
 console.log(result.data); //Hello,World
 } catch(e) {
 }

});
로그인 후 복사

이 작성 방법이 우리에게 매우 친숙합니까? 논리적 사고 습관에 더 부합하는 동시 쓰기 방법?

co의 사용법에 대해서는 이 글에서 자세히 다루지 않겠습니다. 관심 있는 친구들은 스스로 관련 정보를 검색할 수 있습니다. 오늘 제가 이야기하고 싶은 것은 작은 프로그램 환경에서 co를 성공적으로 사용하는 방법입니다.

1. 언어 번역 옵션을 켜세요

ES6 생성기를 사용해야 하고 호환성을 위해 문법은 다음과 같습니다. 다운그레이드되어 ES5로 번역되었습니다.

언어 번역 옵션 활성화

2. 생성기 지원 라이브러리 소개

합격 번역된 코드는 생성기 기능을 지원하기 위해 regeneratorRuntime을 사용해야 합니다. Facebook에서 오픈 소스로 제공되는 재생기는 Github 주소: github.com/facebook/regenerator/

npm:

npm install regenerator
로그인 후 복사

를 통해 이 재생기 라이브러리를 다운로드할 수 있습니다. 이름 regenerator-runtime.js 파일을 꺼내서 애플릿 코드에 넣으세요.

3. co 및 Promise 라이브러리를 다운로드합니다.

다음으로 npm을 통해 co 라이브러리를 다운로드합니다.

npm install co
로그인 후 복사

는 다운로드 파일에서 co.js라는 파일을 꺼내서 미니 프로그램 코드에 넣으세요.

Promise에 의존해야 하기 때문에 Promise 구현 라이브러리를 도입해야 합니다. 여기서는 작고 호환 가능한 라이브러리인 es6-promise를 선택합니다. npm을 통해 다운로드할 수도 있습니다:

npm install es6-promise
로그인 후 복사

es6-promise.js를 애플릿 코드에 넣으세요.

4. 애플릿 코드 소개

사용하기 전에 다음 라이브러리를 코드에 올바르게 삽입하세요.

const Promise = global.Promise = require('../../libs/es6-promise')
const regeneratorRuntime = global.regeneratorRuntime = require('../../libs/regenerator-runtime')
const co = require('../../libs/co')
로그인 후 복사

알겠습니다. , co를 사용하여 즐겁게 프로그래밍을 시작할 수 있습니다.

[관련 추천]

1.

위챗 공개계정 플랫폼 소스코드 다운로드

PigCms 마이크로 전자상거래 시스템 운영 버전 (독립 위챗 매장몰 + 3단계 유통 시스템)

3.

WeChat People Network v3.4.5 Advanced Business Edition WeChat Rubik's Cube 소스 코드

위 내용은 co를 사용하여 비동기 프로세스를 처리하는 미니 프로그램 개발에 대한 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿