微信小程序入门学习


本文暂时只简单介绍个人怎么申请微信小程序以及微信小程序开发入门。


一、进入https://mp.weixin.qq.com注册一个专用户管理小程序的账号

二、到网上找工商个体户营业执照号

        本文提供一个亲测有效的企业名称及执照号 

   企业名称:微信小程序俱乐部  营业执照注册号:440301103448669

三、根据提示选择认证方式,这里要注意的是要选择微信认证,但是,但是,不要打款,接下来会要求扫描登录验证管理员身份,

      验证通过后就可以    在开发设置中看到APPID了,到这里个人申请小程序已经顺利完成了非常重要的准备工作了,

      接下来就是开发小程序了,有木有一点点激动?


四、接下来根据提示下载开发者工具

       安装好开发者工具后,配置好刚刚申请到的APPID

       配置好APPID后,就可以正式开始创建你的微信小程序啦

       接下来要开始编写代码了

       先大概了解下微信小程序默认的初始化代码文件

       app.js、app.json、app.wxss 这三个,其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件

       app.js后面自己去了解吧

       先说说app.json这个脚本要注意的地方

    { "pages":[
     "pages/index/index", "pages/logs/logs"
      ], //这里是配置你小程序里所有的页面的,如果你要新添加了页面,记得一定要在这里配置好 
  
     "window":{//这里就是页面属性及样式的配置了,大家可以去更改下配置去看看具体的效果 
     "backgroundTextStyle":"light", 
     "navigationBarBackgroundColor": "#fff", 
     "navigationBarTitleText": "WeChat",  
     "navigationBarTextStyle":"black"  
      } 
    } 

    再来说说app.wxss

      app.wxss 是整个小程序的公共样式表    
       .container { //看到这个很熟悉了吧,.class呦,你明白就好 
        height: 100%; display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: space-between;  
        padding: 200rpx 0;  
        box-sizing: border-box; 
         }
    

      熟悉了之后呢,就可以创建页面了,记得注意上面说的记得在app.json配置好你新增的页面,

      微信小程序有个默认的index页面,你可以根据index的内容创建你自己新的页面,相信你一看就会明白的


五、小程序配置API

       如果你想让你的小程序能调用服务的的API的话,你就需要在开发者设置里配置好合法域名了,意思大概就是你的小程序只能调用该域名下的API,

       这个就跟微信公众号里配置域名一样的,这通常是微信的一贯作风,

       至于API从哪里来,一方面是到网上API提供商找免费的或者付费的API接口,另一方面就是你有自己的服务器,你有自己的数据,

       处理成API接口供你的小程序来调用

       注意 微信小程序明确规定只能调用https协议的API,另外必须要配置好合法域名,否则API是不能被调用的


六、小程序手机预览

       微信程序带来的成就感也是满满的,当你做好了你的小程序后,你可以通过微信扫码能你的手机上真机体验的,这种感觉还是蛮爽的,

       赶紧去试试吧,如果还有不明白的地方,可以与我联系,欢迎交流


网友留言(2条)

  1. 头像
    哦哦 回复Ta 2018-12-29 22:23
    不错啊
  2. 头像
    莫某 回复Ta 2017-01-01 19:31
    可以,学习下

发表评论