微信小程序简介&账号注册流程(简)

这篇具有很好参考价值的文章主要介绍了微信小程序简介&账号注册流程(简)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

1.小程序简介

2.开发环境准备

1.注册账号

2.获取appid(不上线的小程序可以用测试的appid) 

3.微信开发工具(必须)

3.微信原生框架目录结构

1.小程序结构与传统web对比

2.目录结构

3.项目整体目录结构

4.小程序配置文件


1.小程序简介

        微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用
  它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

  ① 其它小程序包括,支付宝小程序/百度小程序/QQ小程序/今日头条+抖音小程序

  ② 微信已经有了微信订阅号、微信服务号、微信企业号,微信小程序和这三者有什么不同

        微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系

  ③ 微信官方文档地址:https://developers.weixin.qq.com/doc/

2.开发环境准备

1.注册账号

        1.1、进入官网:微信公众平台

                点击  立即注册

 

        1.2、点击小程序

微信小程序简介&账号注册流程(简)

         1.3、填写个人信息、激活账号、进入小程序注册,主体类型选个人、继续填写个人信息

   

2.获取appid(不上线的小程序可以用测试的appid) 

   1) 申请微信小程序测试号比较简单,访问https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html页面,

    2)若微信没有绑定银行卡可访问https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

微信扫码登录就可以了。可以查看自己测试账号信息 

3.微信开发工具(必须)

   请选择稳定版下载,本教程使用的是:稳定版 Stable Build

    ① 此工具集成了公众号网页调试和小程序调试两种开发模式

    ② 此工具仅仅做为小程序预览所用,代码开发是在vscode里面编写

3.微信原生框架目录结构

小程序框架的目标是尽可能通过简单,高效的方式让开发者在微信中开发具有原生app体检的服务。

1.小程序结构与传统web对比

结构  传统web 小程序
结构 html wxml
样式 css wxss
逻辑 js js(TypeScript)
配置 json

2.目录结构

    1.主体结构

        小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

        一个小程序主体部分(即app)由三个文件组成,必须放在项目的根目录,如下:

文件 必需 作用
app.js 小程序逻辑
app.json 小程序公共配置
app.wxss 小程序公共样式表

3.项目整体目录结构

pages 页面文件夹
index 首页
logs 日志
util 工具类(mina框架自动生成,你也可以建立一个比如:api)
app.js 入口js(类似于java类中的main方法)、全局js
app.json 全局配置文件
app.wxss 全局样式文件
project.config.json 跟你在详情中勾选的配置一样
sitemap.json 用来配置小程序及其页面是否允许被微信索引

微信小程序简介&账号注册流程(简)

4.小程序配置文件

1.全局配置

        小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

--小程序页面创建小技巧

        直接修改app.json中的pages添加一个新的元素,按下保存“ctrl+s”即可自动创建4个文件,即生成一个小程序页面。文章来源地址https://www.toymoban.com/news/detail-488191.html

到了这里,关于微信小程序简介&账号注册流程(简)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序注册流程(企业注册)

    ·未注册过小程序的邮箱 ·企业名称、营业执照号、开户名称、开户行、对公账户、开户地点、电话 · 注册地址:微信公众平台 ​​ 第一步:登录微信公众平台,点击小程序  

    2023年04月16日
    浏览(55)
  • 微信小程序注册审核流程

    哈喽,各位亲爱的小伙伴们,大家好!今天给大家介绍如何在微信官方注册小程序 ,文章不长,一定要耐心看完,你会收获满满的。 1.在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。选择小程序。 2.选择注册的帐号类型为小程序 3.填写邮箱和密码

    2024年02月09日
    浏览(59)
  • 创建一个微信小程序——如何注册账号,安装微信开发者工具,创建一个小程序(详细步骤版)

    注册地址 注册地址:微信公众平台 注册 右上角——【立即注册】。 选择【小程序】。 按照步骤完成注册。 按照步骤激活邮箱后,在信息登记这里选择个人。 填写相关信息。 完成注册。 这一步可以先保留,后续在创建小程序时会用到AppID——点击【前往小程序】,复制A

    2024年02月06日
    浏览(85)
  • 微信小程序注册入口及流程(完整版教程)

    微信小程序注册是免费的,在腾讯云微信公众平台即可注册,无论是个人、企业都可以免费注册微信小程序,先输入邮箱注册激活,然后填写主体类型对应的证件信息,最后管理员身份验证使用维信扫一扫即可,小程序5来详细说下微信小程序注册入口和微信小程序注册流程:

    2024年02月12日
    浏览(60)
  • 微信小程序发布上线全流程(注册/开发/上传审核)

    以下是微信小程序发布上线的详细流程: 确认小程序信息:在微信公众平台注册并登录后,进入小程序管理后台,在“开发”-“开发设置”中填写小程序基本信息和配置,包括小程序名称、图标设计、类目选择等。此外,需要在小程序管理后台中配置小程序服务类目和资质

    2024年02月10日
    浏览(78)
  • 微信小程序注册流程及APPID获取(完整版图文教程)

    本文将图文介绍微信小程序注册、完善小程序账号信息、添加项目成员和体验成员和获取小程序ID(AppID)及小程序密钥(AppSecret)的详细流程,旨在提供简明的入门指导和实践建议。 小程序开发 与 网页开发不一样,在开始微信小程序开发之前, 需要访问 微信公众平台注册

    2024年03月10日
    浏览(84)
  • 小程序账号注册完整流程

    在开始写微信小程序之前,必须先有小程序账号,本文将使用图文的方式,详细的介绍整个注册的过程。 打开微信公众平台(https://mp.weixin.qq.com)后,点击立即注册按钮。 点击完【立即注册】后,注册类型选择小程序。 点击小程序图标后,将真正进入小程序注册流程。 这里大家要注

    2024年02月09日
    浏览(51)
  • IOS开发者账号注册流程–-个人账号

    分五个步骤进行 1、注册苹果账号apple id 2、开启双重认证 3、下载Apple Developer应用 4、到Apple Developer应用填写申请资料 5、绑定支付宝或者微信支付苹果年费688 前面3步比较简单就不详细介绍,主要在Apple Developer应用中填写个人信息时容易被拒,记录一下避免踩坑。 进入Apple

    2024年02月07日
    浏览(64)
  • 基于微信小程序的游戏账号交易小程序

    文末联系获取源码 开发语言:Java 框架:ssm JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclipse/myeclipse/idea Maven包:Maven3.3.9 浏览器:谷歌浏览器 小程序框架:uniapp 小程序开发软件:HBuilder X 小程序运行软件:微信开发者 随着网络和计算机

    2024年02月09日
    浏览(46)
  • 2023阿里云账号注册流程(多种注册方法随便选)

    阿里云账号怎么注册?阿里云账号支持手机号注册、阿里云APP注册、支付宝和钉钉多种注册方式,账号注册后需要通过实名认证才可以购买或使用云产品,阿里云百科来详细说下不同途径注册阿里云账号图文流程: 目录 阿里云账号注册流程 方法一:手机号注册阿里云账号

    2024年02月12日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包