专栏首页Tanger的思源地javaScript开发微信小程序

javaScript开发微信小程序

注册小程序

开发小程序先要做的就是注册小程序,要开发自然要一个账号,账号就自己的那个号,然后直接访问 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.全局变量名的用法。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信开发--微信小程序(二)

    相信大家都使用过微信小程序,那一定都知道微信小程序下拉刷新吧,其实下拉刷新是微信小程序自带的功能,只不过没有背景图看不出来而已,好坑诶.

    生南星
  • 微信开发--微信小程序(一)

    微信小程序开发相对于微信公众号的开发显得更为重要,下面就来简单介绍一下微信小程序的开发.

    生南星
  • 微信开发--微信小程序(三)

    将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则...

    生南星
  • 微信开发--微信小程序(四)

    1.小程序向后台请求接口必须使用https,包括web-view里的网页,如果项目中有用到web socket,那么也必须使用wss协议。https证书一般会用...

    生南星
  • 微信小程序开发工具 微信小程序平台开发小程序公司

    小程序倡导更加便捷的生活服务理念,无需下载,唾手可得,即用即走,未来,普通人的生活里,小程序将无处不在。

    微信小程序开发加盟服务商
  • 6-微信小程序开发(微信小程序配置 npm)

    <p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/LearningMiniProgra...

    杨奉武
  • 微信小程序云开发

    微信小程序有一个云开发的功能,可以省去很多的后台开发的任务。不过,使用小程序云开发需要注册的小程序appid,测试和游客没有云开发功能的。如果你还没有注册小程序...

    xiangzhihong
  • 微信小程序云开发

    微信小程序有一个云开发的功能,可以省去很多的后台开发的任务。不过,使用小程序云开发需要注册的小程序appid,测试和游客没有云开发功能的。如果你还没有注册小程序...

    xiangzhihong
  • 微信小程序|云开发

    最近需要开发一个微信小程序,但时间相对较短为了更快的完成为微信小程序的开发接触到了微信小程序的云开发,可以不需要购买服务器,就能开发小程序和发布小程序,对于动辄...

    算法与编程之美
  • 快速开发微信小程序

    编程软文
  • 微信小程序开发 Start-up

    腾讯云提供了开发者实验室帮助用户快速开发小程序,教程内容如下,用户可以点击开发者实验室快速上机完成实验。

    小Q
  • 微信小程序开发指引

    官方文档教程1:http://bcoder.cn/wxopen/ 官方文档教程2:http://bing.aliaii.com/wxopen/  本文档将带你一...

    用户1220053
  • 微信小程序开发思路

    小程序还没有完全开放,不能真实体验,但通过文档和开发工具,可以了解到他的开发思路 下面就介绍下小程序的开发方式,希望能帮助有兴趣的朋友对整体思路有个快速了解 整...

    dys
  • # 微信小程序开发之-app.json

    GuangdongQi
  • 微信小程序开发初探

      (1)一切以用户价值为依归→用户是微信的核心,所以微信中没有很多与客户无关的功能,比如QQ中的乱七八糟一系列东西。

    Edison Zhou
  • 微信小程序开发 分享

    用户2965768
  • 微信小程序开发基础

    查看官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/

    达达前端
  • 微信小程序开发测试

    微信小程序 在2017-01-09正式上线,本着跟上时代潮流的精神,写一份教程来看看

    机器学习和大数据挖掘
  • 微信小程序组件开发

    1.mysearch.json 把 component设为true,默认就是true

    治电小白菜

扫码关注云+社区

领取腾讯云代金券