Code Your First WeChat Mini-Program

Рет қаралды 39,496

Күн бұрын

My freeCodeCamp article on why you might want to develop a WeChat Mini-Program:
👉 medium.freecodecamp.org/how-n...
Source code: github.com/wkwan/wechat-mini-...
WeChat Mini-Program Developer Tools: developers.weixin.qq.com/mini...

Пікірлер: 115

@sisball8 4 жыл бұрын

The ONLY ONE in the internet. Would be great if you make a whole series on this Will! Especially how to program with the map api.

@machinelearning171 4 жыл бұрын

The best barebones WeChat mini program tutorial on the whole internet! Bravo!

@ThePinoyexplorer 4 жыл бұрын

Thanks for this! I live in Philippines and needed to develop a program in wechat. I keep on searching "weixin+example projects" but nothing comes up properly, all articles is just a general idea why wechat is booming.. but this video showed me what i need to do to make a mini program. My first plan was to setup an API server in node.js via AWS and then setup Mongodb. Glad i found this video and showed me that it can be done in one IDE!

@ThePinoyexplorer 4 жыл бұрын

@Will Kwan I'm doing an image slider in mini program. However, document.getElementByClass isnt working. Any suggestions?

@machinelearning171 4 жыл бұрын

Please keep it up with a more real world example with Admin and customer service functions, if not, current tutorial is one hell of example for many learners to follow, great effort as WeChat mini program is so much more advanced than the App oriented approach! Thanks so much!

@enterprise724 4 жыл бұрын

Thank you very much for a very informative and helpful tutorial-your work is appreciated.

@codybontecou 5 жыл бұрын

Sick! I'm always interested in ways on how to get my app's into the Chinese and other foreign markets. Thank you for this. Please, keep them coming.

@willkwan 5 жыл бұрын

Glad it helped!

@propolipropoli 2 жыл бұрын

Awesome video , hope will you do more about this topic

@TheHughabbott 4 жыл бұрын

great tutorial - thanks - really excellent !

@HiChinachannel 4 жыл бұрын

Great job.

@dewanmuhtasim6916 3 жыл бұрын

Great tutorial!

@gaberondon8757 4 жыл бұрын

you are the man!

@Jonn123save 5 жыл бұрын

How do you recommend making an Admin interface? With this tutorial app as an example, if this was for a real company you would have admin accounts that could delete some inappropriate posts and such right?

@andreahu4186 3 жыл бұрын

Hi Will, do you know if there is a way to achieve dynamic routing in a mini program? It seems that you hard code all the pages in app.json. I would like to get specific data based on certain IDs, e.g. /pages/content/:userId/:pageId

@user-tn3fo3pj2x 4 жыл бұрын

bro, thanks so much...!

@yvonnezheng8329 4 жыл бұрын

Hi Will, thank you for this guideline. I wrote some stuff, and clicked Submit, but yet I couldn't find any record in the posts. I was sure that I had uploaded 'savePost' successfully. Do you know why I couldn't see the post in record list? Thanks in advance.

@jktan5793 4 жыл бұрын

Thanks for great tutorial. Do you mind to teach us about the websocket in wechat mini program ? Thank you very much

@KaiCodingJourney Жыл бұрын

What if we have an app already build and want to make part of it available through mini program?

@sajibchakma2766 5 жыл бұрын

非常感谢

@akshaydhanani9791 5 жыл бұрын

welcome

@ahxishwe5664 Жыл бұрын

Dear Sir, do you have a newest or latest training video for Mini program?

@TinNguyen-pc8yi 3 жыл бұрын

tks bro, i have success with my first mini , but when i share qr code of this mini for my friends at wechat, he can not access my app . can you tell me why

@philharmonicaz 4 жыл бұрын

Hey you skipped like, how to go through Mini Program Registration? I'm not sure what to do, asking for company name, reg #, etc.

@iknowu6068 4 жыл бұрын

have you got a tutorial using gql with mini-program?

@aubreytsambatare9641 5 жыл бұрын

Hey , would you recommend using ExpressJS to build a server and Aliyun as the cloud to store resources like videos and stuff

@akshaydhanani9791 5 жыл бұрын

pelli var aava name sambhalya 6e bhai ,avu na bol

@vibrancydevelopers.9420 4 жыл бұрын

Hey man, how do I setup the cloud base

@kaizen_tashi Жыл бұрын

does anyone know about the preinstalled dice stickers on wechat

@kenwu7 4 жыл бұрын

chinese vids on the same topic are over 3 hours to no bs Im looking at one right now 33 fckng hours long. The language barrier alone will keep 98% of western devs out . So definitely more english vids would be a plus.

@s11415 4 жыл бұрын

Good point. And maybe which certain kind of social network applications people use like snapchat or Facebook Twitter stuffs in the states play a big role in this tech.

@j4s0n67 3 жыл бұрын

is it possible to automate wechat message?

@dtbrecht 4 жыл бұрын

Can't find your link to the miniprogram download page

@akshaydhanani9791 5 жыл бұрын

Tu bada mst sikhata he Juicychill Bhai

@igotech7253 5 жыл бұрын

thanks sir for the wonderful explanation :) how can i reach you for further discussion

@jonathanqamanzi 3 жыл бұрын

It doesn’t accept passport while signing in as individual

@atulchandradash8477 4 жыл бұрын

Bro You have any Course Something in wechat.. I am Interesting with that ....... if You have any course please let us know

@kamrulhassan 3 жыл бұрын

I need help with create a new Wechat official account. i live in china. can you help me ?

@sanskritiirimal8695 2 жыл бұрын

Hey there Delilah!

@muhammadzeeshankhalil 5 жыл бұрын

In order to develop just the front-end of Wechat Mini-Program, can it be made using HTML5, CSS3, JS, jQuery?

@akshaydhanani9791 5 жыл бұрын

ha kri lene bhai

@damienmaxime8733 4 жыл бұрын

The dev tool link is dead

@cjt8969 4 жыл бұрын

May I know where are you from? You are really cool. I am from Malaysia

@TheMahesar 5 жыл бұрын

hi nice tutorial when i install developer tool on window i get this error can you help men 请使用 2.2.3 或以上的基础库以使用云能力

@akshaydhanani9791 5 жыл бұрын

aave j ne chinese vachta na avde to

@mahmadulloabdulloev 6 ай бұрын

Hey I need your help

@TheSKDown 5 жыл бұрын

Did i miss it or you forgot to mention that in order to register in the dev tools you need a valid Chinese ID?

@willkwan 5 жыл бұрын

You don't need a Chinese ID. I don't have one.

@TheSKDown 5 жыл бұрын

JuicyChill What information did you put in the 3rd step of the registration where you have to put ID number and name or information about the organisation you represent? I mean did you just use ypur own passport from whichever country you are? I thought they would check that.

@willkwan 5 жыл бұрын

@@TheSKDown Yeah my Canadian business registration number.

@vincenthu1984 4 жыл бұрын

@@willkwan What if you don't have Chinese ID neither a business registration number (I am French btw)

@tedahd5004 3 жыл бұрын

drag&drop would be easier, if any

@yvonnezheng8329 4 жыл бұрын

I figured out.

@joftenly 4 жыл бұрын

First you draw two circles. THEN YOU DRAW THE GODDAM OWL. seriously need to make more step-by-step. Anyhow thanks for the tutorial

@jonathanqamanzi 3 жыл бұрын

Hey bro

@FaceMaskHenry 4 жыл бұрын

It asking me to input Chinese ID for registration ID. WHAT SHOULD I DO

@jonathanqamanzi 3 жыл бұрын

Me too. It doesn’t accept the passport number

@FaceMaskHenry 3 жыл бұрын

@@jonathanqamanzi yes, and this stranger didn't even knew it. Only made video

@jonathanqamanzi 3 жыл бұрын

It’s an informative video. It’s great. I just texted him now on Instagram about the registration ID

@FaceMaskHenry 3 жыл бұрын

@@jonathanqamanzi I have detailed talk with Tencent already. You do or die, they are not gonna give you. You only make test ID and learn. If you want development, find chinese friend. Otherwise if you work in a company, your company's registered ID you can use.

@FaceMaskHenry 3 жыл бұрын

@@jonathanqamanzi you can sit outside their office for millions of years but they won't give you, there's no way for us.

@jonathanqamanzi 3 жыл бұрын

So it’s quite impossible for a foreigner in china

@vahidbahadoranfard3180 2 жыл бұрын

This is like you are reviewing not teaching

@efya_marf9819 Жыл бұрын

Hello dear I’m in China can you help develop a mini program for me

@ran1186 Жыл бұрын

Maybe I can help you

@vahidbahadoranfard3180 2 жыл бұрын

Hi brother! Why teaching fast ? For beginners is so difficult what you tell.

@tedahd5004 3 жыл бұрын

Real name verification, "Certificate of Incorporation" or "Business License" and much much more...eh my god

@aubreytsambatare9641 5 жыл бұрын

Can i store videos and Images on this cloud database ? if not how do you recommend doing this

@willkwan 5 жыл бұрын

Yes you can. It's up to you if you want to use the Mini Program Cloud Base or build your own server, I can't comment much on the price difference since I don't have much experience deploying with different setups.

@aubreytsambatare9641 5 жыл бұрын

@@willkwan I see thank you , i have found a way of using LeanCloud which is quite decent

@MatthewChenIsAwesome 5 жыл бұрын

@@willkwan btw, Tencent Cloud Base (TCB) is currently free, but has some quota limits: developers.weixin.qq.com/miniprogram/en/dev/wxcloud/reference/quota.html quite surprising to see, since it is more generous than Firebase

@dailychinese1396 4 жыл бұрын

I dont have " new directory"

@atulchandradash8477 4 жыл бұрын

First You Create New File and Then Click New Page ........ I don't have also this option.....Try This that will be same work.. :)

@dailychinese1396 4 жыл бұрын

@@atulchandradash8477 thanks

@atulchandradash8477 4 жыл бұрын

You are Wellcome..... you want also bulit wechat app ...??

@dailychinese1396 4 жыл бұрын

@@atulchandradash8477 yeahh. i wanted to make a blog and e commerce shop. can i also import design there? like in the

@dailychinese1396 4 жыл бұрын

@@atulchandradash8477 like in th eflutter

@brigadiergeneral2399 3 жыл бұрын

Will I need you to reach out to us to discuss message me with LinkedIn or something and we will reach out to you.

@vahidbahadoranfard3180 2 жыл бұрын

For start I don’t know 🤷‍♂️ I watched 15 times but I didn’t understand what did you do

@FaceMaskHenry 3 жыл бұрын

Only chinese can make it. No foregner allowed. It has been long long time, none of them giving me any solution and only giving excuse of "抱歉". I have even informed them I am software engineer and I live and work in China. But I need it to learn and test for my further development learning. Strange