WeChat 미니 프로그램 개발 환경 구축 방법에 대한 자세한 설명

이 글은 위챗 미니 프로그램 개발 환경을 구축하는 방법에 대한 관련 정보를 자세히 설명하고 있습니다. 필요한 친구들은 이를 참고할 수 있습니다.

요즘 가장 인기 있는 용어는 위챗입니다. 물론, 많은 앱 개발자들은 WeChat 미니 프로그램의 출시로 인해 모바일 앱에 추운 겨울이 올지 걱정하고 있습니다. 즉, 아직은 먼 미래입니다.

WeChat 미니 프로그램이 오늘날의 개발 환경을 전복시킬 수 있든 없든 우리는 호기심 있는 태도로 받아들이고 배워야 합니다. 우리는 새로운 기술을 거부하지 않으므로 먼저 WeChat 애플릿 개발 도구를 빠르게 구축하는 것보다 행동하는 것이 좋습니다. 그럼 함께 시작해 볼까요?

먼저 Github에 데모의 역동적인 그림을 올려보겠습니다

개발 도구를 다운로드하려면 GitHub 공유를 참조하세요. 그런 다음 GitHub로 직접 이동하여 다운로드 링크를 찾아 다운로드할 수 있습니다.
물론 여기서는 설치 순서와 문제점을 자세하게 소개하겠습니다. (다음 단계에 따라 성공적으로 설치하세요(Windows 버전))

WeChat 애플릿 개발 도구 버전 0.7.0을 다운로드하세요(다운로드 링크 http://pan.baidu.com/s/1nuIJnBV 비밀번호: ru3h ) 버전 0.9.0에는 로그인 인증이 있기 때문에 직접 설치한 후 로그인할 수 없습니다. 먼저 위챗 계정을 appid에 바인딩하라는 메시지가 계속 나타납니다. 코드를 수백 번 스캔했지만 여전히 로그인할 수 없습니다. 인내심을 가지세요) 0.7 .0 버전을 직접 설치할 수 있습니다. 설치 과정은 매우 간단합니다. 설치가 성공적으로 완료되면 로그인하여 프로그램을 입력하세요. WeChat 코드를 스캔합니다.

입력 후 위의 인터페이스가 나타났다가 닫힙니다. 그런 다음 0.9.0 버전 다운로드 링크(http://pan.baidu.com/s/1hskDLZY 비밀번호 46gv)를 다운로드하세요.

다운로드 후 바로 설치를 덮어쓰면 됩니다(설치를 덮어쓰려면). 개발도구 설치 후 열려면 열려고 해도 들어갈 수 없습니다. 프로그램이 크랙되지 않았기 때문입니다. 프로그램을 설치한 후 설치 프로그램 디렉토리의 해당 파일을 대체하려면 세 개의 js crack 파일을 다운로드해야 합니다. GitHub 다운로드에 직접 들어가세요, Github 링크 https://github.com/gavinkwoe/weapp-ide-crack

아래 3개 파일을 다운로드하세요

D 드라이브에 도구를 설치했는데, 다음 세 개의 디렉터리를 찾아 해당 파일을 교체하면 됩니다

D: WeChat 웹 개발자 도구 package.nwappdistcomComponentscreatecreatestep.js

D: WeChat 웹 개발자 도구 package.nwappdiststroesprojectStores.js

D: WeChat 웹 개발자 도구 package.nwappdistweappappserviceasdebug.js

로그인 후면 인터페이스에 성공할 수 있습니다. 다음과 같습니다

그런 다음 프로젝트를 직접 클릭하여 추가하고 뒤로 인터페이스를 클릭합니다.

하지 않기 때문에 클로즈드 베타 계정이 있으면 appid를 임의로 입력할 수 있고, 프로젝트 이름과 개발 디렉터리도 임의로 입력할 수 있습니다.
정보를 입력한 후 프로젝트 추가를 클릭하세요

알겠습니다. 마법 같은 일이 일어나 helloworld 프로젝트가 나타났습니다.

편집 클릭

해당 파일을 선택하여 코드를 작성하세요.

디버그

디버그 버튼을 클릭하면 왼쪽 상단에 디버깅을 선택할 수 있는 모바일 터미널이 있습니다. 다양한 해상도의 Apple, Samsung 및 기타 장치를 선택할 수 있습니다. 기기 오른쪽에 네트워크를 선택하는 버튼이 있습니다. Wi-Fi, 2G, 3G, 4G 네트워크를 선택할 수 있습니다. 오른쪽 창에는 콘솔에서 출력한 정보와 네트워크, 스토리지 정보 등을 볼 수 있는 콘솔이 있습니다.

오른쪽 상단에 있는 버튼을 클릭하고 콘솔 표시, 파일 찾기, 단축키, 센서, 렌더링 설정, 도움말 등을 선택합니다. 왼쪽 하단에는 캐시 지우기, 애플릿 다시 시작 및 버튼이 있습니다.

그런데 GitHub에는 데모가 있습니다. 이 데모를 개발 디렉토리에 복사하면 방금 만든 HelloWorld가 미치는 영향을 확인할 수 있습니다. 매력.

앞에 역동적인 그림을 넣었습니다.

자세한 내용은 개발 문서를 참조하세요

http://wxopen.notedown.cn/?t=1474537660904
http:/ /weixin-xiaochengxu.shukaiming.com/comComponent/scroll-view.html?t=1474537659739

이 기사를 통해 도움이 필요한 친구들이 WeChat 미니 프로그램을 개발하는 데 도움이 되기를 바랍니다. . 사이트 지원!

위 내용은 WeChat 미니 프로그램 개발 환경 구축 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!