微信小程序怎么开发

微信小程序怎么开发
 
微信小程序开发教程为大家介绍小程序开发流程的步骤详解,让大家全方位了解小程序开发的流程步骤。

1 注册   
注册一个微信小程序公众号,包括账号注册和管理员信息登记,管理员信息登记很重要,因为管理员才有权限发布小程序、设置开发版的体验用户等。
请注意,公共号注册时选择小程序,不是通常认为的公众号。
  • 注册地址:
https://mp.weixin.qq.com/
邮箱和密码请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。
  • 填写主体信息
邮箱激活之后,需要完善主体信息和管理员信息。
一般没有企业注册信息的,就选择个人注册账号类型。
注意,个人账号填写管理员信息时,需要使用绑定了银行卡且与注册主体一致的微信扫描二维码。
  • 填写小程序基本信息
在小程序的公众平台的首页,会看到基本信息的填写
 
填写基本信息时的服务类目很重要,即表示你的小程序支持哪些服务。基本信息填写完成之后,小程序的注册工作就结束了。
 

2  开发工具及准备工作
  • 获取AppID
如果你要开发一个需要发布的小程序,在你的公众号里找到设置->开发设置,找到AppID
  • 开发工具安装
下载:登录小程序公众号之后,找到首页,有开发工具下载,帮助文档等。
  • 添加项目
下载安装好开发工具,开始添加项目。

 
在AppID处填上你公众号的AppID.
项目名称随便填。
项目目录可以直接指向Demo地址,也可以指向一个空的文件夹(可以选择quick start项目)。
  • 代码编译
编译选项使用默认设置即可,每次保存之后会自动编译。当你的控件正常显示之后,表示编译结束。当然,也可以查看Console.
当Console显示编译完毕,但你的控件没有完全显示时,应该是你电脑速度太慢,关掉工程,重新打开即可。
  • 调试
-------- 调试期间不要修改代码。只能在编辑页面修改,保存之后,需要重新调试。
-------- 调试支持断点调试,Console可以直接写代码辅助调试,类似浏览器console的功能。
-------- 如果控件的布局总是调不好,最好直接在调试界面的Wxml里调试,可以清晰的看到调用了哪些class,每种class的哪些属性在起作用。
  • 预览
  管理员有预览项目的功能,即在手机上看小程序的效果。
开发工具中找到“项目”一栏->预览,然后拿微信扫描即可。可使用半小时。
微信上可以在"发现"->"小程序"中找到你的小程序开发版本。
  • 代码上传
代码上传之后可以邀请其他微信用户体验,或者提交审核。
在开发工具中选择选项->基础信息->上传  
  • 体验
代码上传之后,可以邀请其他成员体验,但必须先把他们设置为体验者。
设置方式:公众号登录—>用户身份->体验者->绑定
每个账号可以绑定10个体验者。

体验者同意体验后可在其微信的发现->小程序里找到体验版本。

3    功能确认
功能确认就是确认你的小程序到底要完成什么功能,为什么要单独写这个呢?如果你的小程序功能不符合要求,那审核是过不了的。

4   框架介绍和小技巧分享
      在学习小程序的框架前,需要学习一些JS,CSS 的知识。
  • 网络访问注意事项

---------小程序无法直连外部URL,就是外部页面
---------访问服务器,比如API接口
访问服务器的API接口描述:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html
注意:request 仅支持https的访问方式。另外,你访问的域名必须在公众号账号设置,否则调试代码会报错。
request域名的设置方式: 公众号->设置->开发设置 

 
域名每个月只能设置五次,谨慎修改。
修改域名之后务必到开发工具的项目->配置信息中进行刷新,这样域名才能生效。
如果只是希望测试URL是否好用,不确定最终是否使用这个服务器,可以在开发阶段去掉域名检测,开发工具->项目:
  • 布局引用
在使用.wxss描述控件的布局和样式时,同样的控件布局可以写在一个公用的wxss文件里,其他wxss可以再引用这个公用文件,比如:
      @import "../../common/common.wxss";
  • 主页设置
主页不需要特殊设置,在app.json的pages属性里,排在第一个的就是主页。下图中的主页就是index

"pages":[    "pages/index/index",   "pages/components/identify/identify",    "pages/components/dict/dict",   "pages/components/express/express",   "pages/components/general/general",    "pages/components/mine/mine"  ]
  • Pages分类管理
尽量每一个页面放在一个子文件夹里,代码看起来清晰。在下图中,components下面有五个子页面。

【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



上/下篇
  • 微信小程序开发过程中常见的问题

  • 微信小程序开发实践教程

换一换相关推荐
精选内容
热点精选