微信小程序注册和简单配置

摘要:
微信小程序注册1.直接搜索微信小软件,按照流程注册2.如果你有微信公众号,您可以点击公众号内的小程序,进入注册流程小程序中的概念开发设置,以获取开发设置中的AppID和AppSecretAppID:小程序在官方微信服务器中的唯一身份AppSecret:小程序的密钥,这是调用微信界面时需要传递的参数。
微信小程序注册

1、直接搜索微信小程序,按照流程进行注册

2、如果有微信公众号,可以在公众号内部点小程序,进入注册流程

小程序中的概念

开发设置

微信小程序注册和简单配置第1张

在开发设置中获取AppID和AppSecret

微信小程序注册和简单配置第2张

AppID:小程序在微信官方服务器的唯一标识(相当于主键,每个小程序的AppID都不同)

AppSecret:小程序的秘钥,它是在调用微信接口的时候,需要传递的参数。(初次需要生成,生成之后可以重置。)

服务器域名:后台程序的域名,域名必须是公网可以访问的https的域名

wx50df37c3d7136e01
9ab087dba0f3aa0c0ffe54f7dab58b3c

微信开发者工具

新建小程序项目

微信小程序注册和简单配置第3张

微信小程序注册和简单配置第4张

微信小程序开发工具在使用过程中需要联网

小程序本地设置

如果没有域名,需要在详情里的本地设置中开启不校验域名,便于调试。

微信小程序注册和简单配置第5张

小程序项目目录

微信小程序注册和简单配置第6张

- pages  # 所有的页面
    - index  # 每一个文件夹代表着一个页面,每个页面由四个文件构成
        - index.js  # 页面的js文件
        - index.json  # 页面的配置文件
        - index.wxml  # 页面的html文件
        - index.wxss  # 页面的xss文件
     - logs  # 日志文件夹
- utils  # 写公共方法的,也可以不用
- app.js  # 小程序的项目js,全局只有一个,全局的js文件,小程序的入口
- app.json  # 小程序的全局配置文件
- app.wxss  # 小程序的全局css文件
- project.config.json  # 这个是项目配置文件,一般不动它,用于顶级配置和规范
- sitemap.json  # 小程序的seo文件

我们可以使用css也可以调节字体样式,为什么有h1-h6?

META标签中配置搜索的keyword关键字,用于百度和谷歌的爬虫权重,搜索权重,先找keyword,再找h1标签,但不可以为了提高权重,将页面所有内容加入h1中,百度会认为是作弊,会将网站拉黑。

app.json小程序的全局配置文件

{
  # pages添加页面路由,添加一个路由,就是添加一个页面,谁的路径在第一个谁就是首页
  "pages": [
    "pages/index/index",
    "pages/logs/logs"  // 新增页面,保存后会自动创建新的页面
  ],
# windows 主要配置下拉和头部,以navigation开头的是控制头部的
  "window": {
    "backgroundTextStyle": "light",  // 控制下拉刷新颜色,只能配置light和dark
    "enablePullDownRefresh": false,  // 是否开启下拉刷新,默认没有配置,为false
    "navigationBarBackgroundColor": "#fff", // 控制页面头部的颜色,#333为黑色
    "navigationBarTitleText": "WeChat",  // 控制页面头部的文字
    "navigationBarTextStyle": "black"  // 控制页面头部文字的颜色(只有黑色和白色)
  },
# tabBar 主要是配置页面下部的导航,用于控制页面的跳转,如果页面不在tabBar的list中,页面就不会出现导航
"tabBar": {
    "color": "#000000",  // 控制标题默认颜色
    "selectedColor": "#000000",  // 控制选中后的标题颜色
    "backgroundColor": "#ffffff",  // 控制底部导航的背景颜色
    "borderStyle": "black",  // 控制底部导航边框的颜色
 
    "list": [{  // list中的导航不能超过5项,显示顺序按照list中导航的顺序
      "pagePath": "pages/index/index",  // 指定页面路径
      "text": "index页面",  // 导航的标题
      "iconPath": "images/icon-2.png",  // 控制导航图标,默认显示的图标
      "selectedIconPath": "images/icon-2-sed.png"   // 导航图标的文件,选中后的图片
    },
    {
      "pagePath": "pages/test/test",
      "text": "test页面",
      "iconPath": "iconPath",
      "selectedIconPath": ""
    }]
   },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

json文件中没有注释,json不支持注释。

小程序的局部配置文件

#  pages/test/test.json
 
# 这里可以对app.json中的window进行覆盖,如果页面没有配置就走全局,页面配置了就走页面配置,但是页面的配置不需要加window,直接配置
{
  "usingComponents": {},
  "navigationBarTitleText": "页面标题"  // 会覆盖全局的配置
}

免责声明:内容来源于网络,仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇django 框架模型之models常用的FieldLinux搭建主从数据库服务器(主从复制)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

ThinkPHP

ThinkPHP的开发模式是define//Debug mode define//当运行模式控制器的操作系统找不到请求的方法时,它将定位__Empty()方法处理。使用此机制,我们可以统一处理用户请求的所有不存在的操作。模块分组大A函数和大R函数有什么区别?关联数组易于操作,信息量相对较大...

可用的rtmp互联网地址

Rtmp:vlc使用ffmpeg获取Rtmp网络流。代码文件路径:vlc-2.2.1 modulesassesavio。hvlc-2.2.1模块。c在模块的开放回调函数OpenAvio中,使用以下代码打开rtmp网络流。avio_打开(&avio_FLAG_READ);//或者这个avio_open2(&sys-&gt...

浅谈JEECG多数据源的使用

首先,我们将简要介绍JEECG是什么。JEECG主张简单的功能由代码生成器直接生成,复杂的业务由表单定制,业务流程由工作流实现和扩展,开发人员编写特殊的业务逻辑。让我们重点讨论JEECG3.5GA中多个数据源的使用。JEECG3.5提供多个数据源的功能。JEECG多数据源的设计直接使用Springjdbc连接,独立于Hibernate、Mybatis和其他持...

网易见外工作台(AI),语音转文字,快速制作字幕,中英翻译,在线修改字幕

网易可视工作台是网易人工智能事业部开发的AI智能语音转录平台,集视频收听、直播收听、语音转录、文档直接翻译功能于一体。虽然它目前只支持中文和英文,但足以满足大多数人的需求。使用网易外部工作台的视频翻译功能实际测量了一段8分钟的英语视频。翻译在不到1分钟内完成,支持在线修改听力和翻译内容。目前,它可以免费使用,体验非常好。...

Windows10 解除公司换壁纸限制

桌面点右键,属性,就可以改自己喜欢的桌面背景了。...

ubuntu死机怎么办

在使用ubuntu时,如果由于各种复杂因素导致系统崩溃,例如软件不兼容和误操作,我们该怎么办?让我们看看如何解决这个问题……您可以打开终端模拟器1 ctrl+alt+t,看看是否可以调出终端模拟窗口2并进入终端模拟窗口。您可以$top(ctrl+c退出top)查看最近使用的应用程序。您可以通过$sudokillpid结束可能导致“崩溃”的软件进程。等一下,看...