WeChat 미니 프로그램을 위한 타사 개발 도구(WEPT) 소개

WeChat 미니 프로그램 개발 도구 타사 개발 도구 WEPT, WEPT 주요 기능: 실시간 업데이트, wxml 지원 wxss javascript json 더 안정적, 실수를 자주 하는 공식 도구와 달리 제한 없음, 인터넷 연결 필요 없음 , 백엔드 구성 CORS 없음, 모바일 브라우징 지원.

프로젝트 주소: github.com/chemzqm/wept

WEPT 주요 기능:

실시간 업데이트, wxml wxss javascript json 지원

자주 잘못되는 공식 도구와 달리 더 안정적임

제한 없음, 인터넷 연결 필요 없음, 백엔드에서 CORS 구성 필요 없음, 모바일 브라우저 디버깅 지원

개인 테스트 가능 Mac 및 win7에서 버그가 발생하면 github에서 문제를 공개해 주세요.

상세 소개

WEPT는 현재 공식적으로 제공되는 개발자 도구와 비교하면 다음과 같은 특징을 가지고 있습니다.

1. 완전 실시간: wxml, wxss, javscript 및 json 파일의 자동 핫 업데이트를 완벽하게 지원합니다. 파일이 저장된 후 해당 변경 사항이 미니 프로그램의 실행 환경에 자동으로 업데이트됩니다. 작업을 다시 빌드하거나 다시 시작하려면 대부분의 경우(app.json을 수정하지 않는 한) 새로 고칠 필요가 없습니다. 새로 고침이 없기 때문에 개발자는 더 이상 수정 전 페이지 상태를 재현하기 위해 인터페이스를 작동하는 데 시간을 낭비할 필요가 없습니다. 전체 프로세스는 여러 터미널을 동시에 지원합니다.

2. 더 안정적임: WEPT의 미니 프로그램 구성 프로세스는 공식 도구와 같이 앱 서비스가 준비되지 않음 오류를 자주 보고하지 않으며 심지어 백그라운드 또는 미니 프로그램 구성 오류가 발생하는 경우에도 발생합니다. , 페이지에 오류 알림이 즉시 표시됩니다. 으르렁거림이나 터미널 알리미가 설치되어 있으면 바탕 화면에 오류 알림도 표시됩니다.

3. 제한 없음: WEPT에서 생성된 미니 프로그램 페이지는 모바일 브라우저에서 실행될 수 있으며 사용하기 위해 인터넷 연결이 필요하지 않습니다. 백엔드를 사용하여 개발자가 백엔드 CORS를 구성하지 않고도 디버깅할 수 있는 사용자 지정 프록시 프로토콜을 통해 XHR 요청을 전달합니다.

4. 추가 API: 공식적으로 지원되는 모든 API를 지원하는 것 외에도 WEPT는 해당 html5 인터페이스를 지원하는 모바일 브라우저에서 디버깅할 수 있습니다.

구현원리

간단히 말하면 WebSocket 인터페이스를 통해 프런트엔드와 실시간으로 통신하는 웹 서비스입니다. 백엔드 서비스가 요청되면 필요한 파일이 동적으로 컴파일됩니다.

프런트엔드는 iframe을 통해 뷰 레이어, 서비스 레이어 및 제어 레이어 페이지의 다자간 통신 및 제어 로직을 구현합니다.

프런트 엔드 뷰 레이어 및 서비스 레이어 코드는 최신 버전의 WeChat 개발자 도구(현재 101100,

iframe 통신 및 자동 업데이트를 지원하도록 약간 수정됨)에서 가져왔습니다. ), 제어 UI 상태 동기화를 위해 약간의 React

를 사용하여 레이어 페이지가 완전히 다시 구현되었습니다.

설치 및 사용

1. 먼저 노드를 설치해야 합니다. 버전이 6.0 이상인지 확인하세요. 낮은 버전에서는 오류가 발생할 수 있습니다.

2. 그런 다음 임의의 디렉터리에서 실행합니다:

3.npm install -g wept

4. 설치가 완료되면 공식 데모 디렉터리에서 실행합니다. 다운로드:

5.wept

서비스를 시작할 수 있습니다. localhost:3000을 방문하여 디버깅을 시작할 수 있습니다(시작 모드 디버깅을 활성화하려면 Chrome 개발자 개발자 도구를 사용하는 것이 좋습니다).

-p 매개변수 포트를 통해 변경할 수도 있습니다. 예:

wept -p 4000

모바일 액세스를 위해서는 컴퓨터의 LAN IP 주소를 사용해야 합니다.

API 지원 현황

현재 미니 프로그램 전체 API 지원 현황은 다음과 같습니다.

✓ app.json 창 설정

✓ app.json 탭바 설정

✓ WeChat 로그인: 현재 appid 없이 공식 도구와 동일한 상태를 반환하고 시뮬레이션을 위해

을 반환합니다. ✓ 사용자 정보 가져오기 인터페이스: 테스트 데이터 반환

✗ 결제 시작: 앱 상태가 없는 공식 도구와 동일하며 사용할 수 없습니다.

✓ 인터페이스 제목 설정

✓ 제목 표시줄 로딩 애니메이션

✓ 페이지 점프

✓ 아래로 당겨 새로고침

✓ 애니메이션 만들기

✓ 캔버스 페인팅 만들기

✓ 휴대폰 네트워크 상태 가져오기: 기본적으로 WIFI로 돌아갑니다

✓ 휴대폰 시스템 정보 가져오기: 공식 도구와 동일, 반환은 시뮬레이션 반환

✓ 중력 감지 데이터 모니터링: 공식 도구인 Safari 모바일(101100)과 같은 모바일 브라우저 디버깅 지원

✓ 모니터링 나침반 데이터: Safari 모바일 지원 모바일 브라우저 디버깅을 기다리는 중, 공식 도구(101100)는

✓ 요청 요청 인터페이스

✓ websocket을 지원하지 않습니다. 인터페이스

✓ 파일 업로드 및 다운로드

✓ 파일 저장

✓ 이미지 선택/미리보기

✓ 동영상 선택

✓ 녹화 API

✓ 오디오 재생 제어

✓ 배경 음악 제어

✓ 현재 위치 가져오기

✓ 기본 지도를 사용하여 위치 보기

✓ 스토리지 동기 API

✓ 스토리지 비동기 API

향후 계획

이미지 미리보기 기능 지원

wxml, 스토리지, appData 개발자 도구 패널 지원

데스크톱 도구 지원 제공

위 내용은 WeChat 미니 프로그램을 위한 타사 개발 도구(WEPT) 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!