WeChat 미니 프로그램 개발을 위한 환경 구축 관련 기술 소개

이 글은 주로 WeChat 미니 프로그램의 개발 환경에 대한 자세한 소개에 대한 관련 정보를 소개합니다. 필요한 친구들이 참고할 수 있습니다.

WeChat 미니 프로그램은 오늘날 가장 인기 있는 용어입니다. 물론, 많은 앱 개발자들은 위챗 미니 프로그램의 출시로 인해 모바일 앱에 추운 겨울이 찾아올지 걱정하고 있습니다. 설령 그렇다고 해도 믿기지 않습니다. 매우 어려운 미래.

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

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

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

WeChat 애플릿 개발 도구 버전 0.7.0(다운로드 링크 http://www.php.cn/password: ru3h)을 다운로드하세요. .0 버전에는 로그인 인증이 있지만 직접 설치한 후 로그인할 수 없습니다. 먼저 wechat 계정을 appid에 바인딩하라는 메시지가 계속 나타납니다. 코드를 수백 번 스캔했지만 여전히 로그인할 수 없습니다. 0.7.0 버전을 다운로드한 후 설치 과정은 매우 간단합니다. 설치 디렉터리를 선택하고 다음 단계를 진행하면 됩니다. 위챗 코드.

입력 후 위의 인터페이스가 나타났다가 닫힙니다. 그런 다음 버전 0.9.0을 다운로드합니다(다운로드 링크 http://www.php.cn/비밀번호 46gv)
다운로드 후 바로 덮어쓰고 설치하면 됩니다(설치를 덮어쓸 필요가 없습니다). 도구를 설치한 후, 열어봐도 들어가지 않아요. 프로그램이 크랙되지 않았기 때문입니다. 프로그램을 설치한 후 설치 프로그램 디렉토리의 해당 파일을 대체하려면 세 개의 js crack 파일을 다운로드해야 합니다. GitHub 다운로드에 직접 들어가세요, Github 링크 http://www.php.cn/

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

D 드라이브에 도구를 설치했습니다.

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

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

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

파일을 교체한 후 로그인하면 성공적으로 로그인할 수 있습니다. 다음과 같이

그러면 바로 프로젝트를 클릭해서 추가하고, 클릭 후의 인터페이스는

하기 때문입니다. 베타 계정이 없으면 이 appid 프로젝트 이름과 개발 디렉터리를 포함하여 원하는 대로 입력할 수 있습니다.
정보를 입력한 후 프로젝트 추가를 클릭하세요

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

편집 클릭

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

디버깅

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

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

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

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

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

http://www.php.cn/
http://www.php.cn/

이 기사가 도움이 필요한 친구들이 WeChat 미니 프로그램을 개발하는 데 도움이 되기를 바랍니다. 감사합니다. 이 사이트에 대한 귀하의 지원에 감사드립니다!

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