0510-66899765
您的当前位置:主页 > 新闻&知识 > 微信小程序 >

微信小程序开发流程是什么?

TAG标签: 微信小程序开发
时间:2020-05-12 作者:无锡网站建设/无锡SEO优化 浏览次数:

    小程序可以设多个入口,不占内容,无需下载,使用起来也方便,为手机能节省不少空间。下面无锡众鼎软件科技有限公司为大家科普一下开发小程序的流程。
 
微信小程序开发
 
    1.获取微信小程序的 AppID
    登录微信公众平台 ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。
 
    注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。
 
    2.创建项目
    我们需要通过开发者工具,来完成小程序创建和代码编辑。
 
    开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的*个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。
 
    为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。
 
    项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。
 
    3.编写代码
    创建小程序实例
 
    点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。
 
    在这个教程里,我们有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的*个页面是小程序的首页。
 
    每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。
 
    4.手机预览
   开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。 
本站部分信息来源于网络,仅供个人研究、交流学习使用 如有侵权请告知删除。

猜你喜欢

版权声明:本站部分内容来源于互联网 如有侵权联系删除

Copyright © 无锡众鼎软件科技有限公司 版权所有   苏ICP备10220599号   免责声明  网站地图

本站关键词:无锡网站建设,无锡网站制作,无锡网站优化,无锡网络公司

关于【广告法】【极限词】【违禁词】声明:请各位职业举报人高抬贵手绕行本站或发现问题请直接与我们联系。本公司积极响应广告法的规定,已经全面盘查网站的【极限词】【违禁词】,但因网站内容繁多加之人员排查力度有限,可能造成网页部分地方仍存在遗漏【极限词】【违禁词】的现象,从现在开始本公司宣传网页存在的所有广告法【极限词】【违禁词】全部作废失效,本公司也不承担此类问题产生的投诉理赔。恳请各位职业举报人高抬贵手绕行本站或发现问题请直接与我们联系,如直接投诉就以本说明为准处理!