前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javaScript开发微信小程序

javaScript开发微信小程序

作者头像
Tanger
发布2021-06-16 14:34:13
1.5K0
发布2021-06-16 14:34:13
举报
文章被收录于专栏:Tanger的思源地Tanger的思源地

注册小程序

开发小程序先要做的就是注册小程序,要开发自然要一个账号,账号就自己的那个号,然后直接访问 https://mp.weixin.qq.com/, 可以看到账号分三类:服务号,订阅号和小程序。前两者这里不多说,直接点击小程序进去注册即可。

注册小程序

开发小程序先要做的就是注册小程序,要开发自然要一个账号,账号就自己的那个号,然后直接访问 https://mp.weixin.qq.com/, 可以看到账号分三类:服务号,订阅号和小程序。前两者这里不多说,直接点击小程序进去注册即可。

配置服务器

小程序本身已经提供了很多接口,可以满足开发者大部分需要。但是如果已经有实现了的服务,那么在小程序里只需要调用服务接口就可以了(甚至可以用已经写好的网页)。如果正好有这方面的需求,那么首先需要在小程序控制台做相关的配置

1.appid和秘匙

首先在开发者ID可以获取appID和秘钥(AppSecret)。appid是小程序的唯一标识,在开发中需要用到。

2.服务器域名

(暂时先跳过)

关联设置

可以在设置中找到我们可以将小程序和公众号以及开放平台绑定到一起。当然这样做是有意义的,比如公众号支持在菜单里跳转小程序,小程序中也可以跳转进入公众号。最重要的原因是微信的unionid的使用机制,如果要获取用户的unionid,就必须将公众号和小程序绑定到开放平台。这里要说一点我遇到的问题,就是如果用户只用了你的小程序,而没有关注你的公众号,那么还是无法获取到unionid的。

开发者工具

使用微信公众号平台提供微信web开发者工具,直接安装就行了(安装不用介绍了吧)

项目结构

1.project.config.json文件

根据文档说的,这个文件是保存一些个性化的设置,其中 appid 这个属性就是上面提到的appid。根据这个东西,项目完成之后,从开发工具向小程序控制台上传时才会知道项目的身份,即它属于哪个账号。当然了,如果把这个值改一下,那开发人员根本就打不开这个项目。

2.app.json文件

所有页面都必须写进pages数组,注意不能写后缀。因为开发者没创建一个wxml文件,都会自动生成js,json和wxss文件,所以pages数组中的元素,只需要根据文件名就会找到这四个不同类型的文件。 tabBar对象就是定义的导航菜单,需要把点击导向的页面定义在list数组中。

3.app.js文件

这个文件有一个globleData对象,里面定义小程序的全局变量,可以在任何页面去使用,比如可能需要在这里定义baseurl,或者用户信息等公共数据。需要注意,如果要使用app.js定义的内容,首先需要在使用的页面获取应用实例 const app = getApp(),然后可以使用例如 app.globleData.全局变量名的用法。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020年8月13日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 注册小程序
  • 注册小程序
  • 配置服务器
    • 1.appid和秘匙
      • 2.服务器域名
      • 关联设置
      • 开发者工具
      • 项目结构
        • 1.project.config.json文件
          • 2.app.json文件
            • 3.app.js文件
            相关产品与服务
            访问管理
            访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档