WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

php中世界最好的语言
풀어 주다: 2018-05-29 15:17:47
원래의
2973명이 탐색했습니다.


이번에는 WeChat Mini 프로그램 시작 튜토리얼 + 사례에 대한 자세한 분석을 제공하겠습니다. WeChat Mini 프로그램을 시작하기 위한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

사실 미니 프로그램은 위챗에서 공식적으로 제공하는 20개 이상의 기본 구성 요소(현재 26개)를 정리하고 결합한 다음 CSS 스타일을 추가하여 사용자 작업에 대한 피드백을 제공하는 것 같아요(60개 이상을 공식적으로 조정) WeChat API에서 제공). 기본 컴포넌트 26개 + 오픈 API 60개 = 반나절이면 끝낼 수 있겠죠? (아래 튜토리얼을 주의 깊게 따라하면 반나절이면 충분합니다.)

어떻게 배울까요?

1. 개발 도구가 있어야겠죠?

최신 버전 다운로드 링크(포털) ->WeChat 웹 개발자 도구의 최신 버전 다운로드 주소

현재 WeChat 애플릿 개발 도구는 더 이상 크래킹이 필요하지 않습니다. 개발 도구의 경우, 애플리케이션 제작 시 APPID 없이 개발이 가능합니다.
WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

2. 개발서류가 필요하신가요?

많은 분들이 영상(CSDN 아카데미 위챗 미니 프로그램 실기 영상) 시청에 익숙해져야 한다고 생각하실 수도 있지만, 새로운 것을 배울 때 영상을 시청하지 않는 것이 가장 좋습니다. 문서(공식보다 나은 사람이 또 있나요? 당신의 정보를 알아보세요!), 공식 웹사이트 주소는 다음과 같습니다:

WeChat 미니 프로그램 공식 문서(포털)

물론 다음에서 편집한 문서를 읽는 것이 좋습니다. W3Cschool, 아이디어는 비교적 명확합니다. (또 다른 포털)

3. 이제 기본을 배웠으니 실습을 해보자

무엇이든 배운 후에는 실제로 실습해 보는 것이 가장 좋습니다. "WeChat Mini 프로그램: 가장 믿을 수 없는 자매"(간체 버전)"의 전체 과정을 따라갈 수 있다면 성공적으로 시작한 것입니다.

먼저 렌더링을 보세요

WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

이 프로젝트의 IDEA가 이 형님에게서 빌려온 것임을 알 수 있습니다. 이 형님께 감사드립니다

프로젝트 스크린샷을 살펴보겠습니다
WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

여기에 특정 코드를 게시하지는 않겠습니다. 전체 프로젝트를 패키징하고 사용을 위해 직접 다운로드했습니다(데모를 다운로드하려면 여기를 클릭하세요).

제가 사용하는 아이콘은 모두 알리바바 아이콘폰트에서 다운로드한 것입니다.

4. 프로젝트가 충분하지 않나요?

위의 실제 연습이 잠재력을 자극하기에 충분하지 않다고 생각하신다면 제가 공부하면서 찾은 몇 가지 아이디어가 여러분에게 도움이 되기를 바랍니다.

1), 계산기
https://github.com/dunizb/wxapp-sCalc

2), Douban Books
http://www.jianshu.com/p/c35084200470

3 ) , 모바일 몰
https://github.com/liuxuanqiang/wechat-weapp-mall

4), 날씨
http://swiftcafe.io/2016/10/03/wx-weather-app/

5), 공기 질 쿼리
http://blog.csdn.net/yulianlin/article/details/52692066

6), github 클라이언트
https://blog.zhengxiaowai.cc/post /weapp -demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12


마지막으로

위에 언급된 데모 작성자에게 감사드립니다. 함께 발전해 나가자...

WeChat Mini 프로그램 소개 튜토리얼 + 사례 데모

독창성을 존중하고, 전재 시 출처를 표시해 주세요. 원본 텍스트 더 많은 놀라움 보기 http: //blog.csdn.net/qq137722697


우선 좋은 자세, - 위챗 애플릿 개발이 바로 그것이다. 필요한 것은 약간의 CSS(실제로 약간) 기본 사항입니다.

WeChat 미니 프로그램 개발 이해

사실 미니 프로그램은 WeChat에서 공식적으로 제공하는 20개 이상의 기본 구성 요소(현재 26개)를 배열하고 조합한 다음 CSS 스타일을 추가하여 피드백을 제공하는 것이라고 생각합니다. 사용자 작업에 맞게 조정합니다(WeChat에서 공식적으로 제공하는 60개 이상의 API 조정). 기본 컴포넌트 26개 + 오픈 API 60개 = 반나절이면 끝낼 수 있겠죠? (아래 튜토리얼을 주의 깊게 따라하면 반나절이면 충분합니다.)

어떻게 배울까요?

1. 개발 도구가 있어야겠죠?

최신 버전 다운로드 링크(포털) ->WeChat 웹 개발자 도구의 최신 버전 다운로드 주소

현재 WeChat 애플릿 개발 도구는 더 이상 크래킹이 필요하지 않습니다. 개발 도구의 경우, 애플리케이션 제작 시 APPID 없이 개발이 가능합니다.
WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

2. 개발서류가 필요하신가요?

많은 분들이 영상(CSDN 아카데미 위챗 미니 프로그램 실기 영상) 시청에 익숙해져야 한다고 생각하실 수도 있지만, 새로운 것을 배울 때 영상을 시청하지 않는 것이 가장 좋습니다. 문서(공식보다 나은 사람이 또 있나요? 당신의 정보를 알아보세요!), 공식 웹사이트 주소는 다음과 같습니다:

WeChat 미니 프로그램 공식 문서(포털)

물론 다음에서 편집한 문서를 읽는 것이 좋습니다. W3Cschool, 아이디어는 비교적 명확합니다. (또 다른 포털)

3. 이제 기본을 배웠으니 실습을 해보자

무엇이든 배운 후에는 실제로 실습해 보는 것이 가장 좋습니다. "WeChat Mini 프로그램: 가장 믿을 수 없는 자매"(간체 버전)"의 전체 과정을 따라갈 수 있다면 성공적으로 시작한 것입니다.

먼저 렌더링을 보세요

WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

이 프로젝트의 IDEA가 이 형님에게서 빌려온 것임을 알 수 있습니다. 이 형님께 감사드립니다

프로젝트 스크린샷을 살펴보겠습니다
WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석

여기에 특정 코드를 게시하지는 않겠습니다. 전체 프로젝트를 패키징하고 사용을 위해 직접 다운로드했습니다(데모를 다운로드하려면 여기를 클릭하세요).

제가 사용하는 아이콘은 모두 알리바바 아이콘폰트에서 다운로드한 것입니다.

4. 프로젝트가 충분하지 않나요?

위의 실제 연습이 잠재력을 자극하기에 충분하지 않다고 생각하신다면 제가 공부하면서 찾은 몇 가지 아이디어가 여러분에게 도움이 되기를 바랍니다.

1), 계산기
https://github.com/dunizb/wxapp-sCalc

2), Douban Books
http://www.jianshu.com/p/c35084200470

3 ) , 모바일 몰
https://github.com/liuxuanqiang/wechat-weapp-mall

4), 날씨
http://swiftcafe.io/2016/10/03/wx-weather-app/

5), 공기 질 쿼리
http://blog.csdn.net/yulianlin/article/details/52692066

6), github 클라이언트
https://blog.zhengxiaowai.cc/post /weapp -demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12

나는 당신을 믿습니다 이 기사의 사례를 읽은 후 방법을 익혔습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

node.js를 통한 데이터의 MD5 암호화 단계에 대한 자세한 설명

Vue를 사용하여 Amap을 만들고 실시간 버스 애플리케이션을 구축하는 방법

위 내용은 WeChat 미니 프로그램 입문 튜토리얼 + 사례에 대한 자세한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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