微信小程序-注册和第一个demo

第一篇

申请帐号

https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN 这里注册帐号,记得选小程序,不然其他都是之前的老功能不行的,我就遇到过坑。

记住邮箱只能使用一次,身份证只能绑定5次。好坑没有找到解绑的地方,所以省点用。

官方的文档说明图片更新的不是很及时,所以有一定的误差,反正我是搞了半天才注册好,也是在开放个人可以注册之后才开始学习的,不然我都不想鸟,什么鬼嘛。

小程序开始起点很高,宣传跟神一样,结果没什么第三方接入,除了入口比较隐蔽,还有就是对开发人员不友好。整天营销装13,没人干实事。

我注册的是个人类型并且不想交300元认证,其他组织的信息没有哦。注册过程中需要绑定管理员帐号(这个重要)。然后小程序帐号就注册好了。

查看小程序AppID:

在设置里面》开发者设置

基本设置就不说了,用户身份:第一项是管理员就是你注册的时候扫二维码的那个微信。

第二项开发者,根据微信号搜索添加,我看了我的微信没有微信帐号(我是很早以前之前用QQ登录的)所以没有绑定,其实管理员帐号也算一个开发者帐号,他能开发,体验功能都有。

体验者也是通过微信号查找并绑定,都是很lower的功能。

现在先不解释开发者和体验者具体有什么用,刚开始我也不知道,看了微信的文档它也没说。这个先往下看,然后会后面倒上来说明。

开发工具

下载开发工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1496040366

打开时需要扫描登录,之后选择“本地小程序项目”,再添加项目。

这里的AppID 已经是可选的了,跟几个月之前已经不同了。

填写项目名称,注意项目目录,最好新建一个空的文件夹并且无子目录,因为如果你选有文件的目录后会发现项目中包含这些文件,真是很不爽。

根本原因我觉得是因为这东西没有决解方案或类似的根目录管理。

无AppID的项目

如果选了不要AppID,后面的结果就是这样啦。“打开”按钮不是说可以打开其他项目或文件,而是打开这个项目所在的文件夹位置,鸡肋的功能。“浏览”和“上传”都是不可用的。

有AppID的项目

看有AppID的就能使用预览和上传功能了。

点击“预览”会生成一个二维码,用微信扫描就能进入这个小程序了,这个二维码只有半小时有效期。扫描之后能不能进去看到里面的内容就要回到上面需要设置的开发者了,管理员是什么都能干。这里通过管理员的微信扫描进去查看是可以的,并且也会出现在你的微信》小程序列表中,不过名称后面会加上“开发版”标识。

上传:点击上传按钮,输入版本号会把你的项目上传到微信服务器。那我们进到微信的后台看看。在“开发管理”项目卡中。

开发版这里可以生成体验版的二维码,除了管理员能扫这个二维码还有体验者也可以,所以就又回到上面那一步了绑定体验者,哈哈。随手提交审核,显示审核中,不知道要多久能审核通过,这里先不管了。

编辑首页

这里随便添加一句话。

扫描之后显示的内容就是你的头像,昵称和下面的文字。

OK,这开门一篇就算完了。

时间: 2024-10-06 14:28:37

微信小程序-注册和第一个demo的相关文章

快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app.这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈.这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路,不

微信小程序注册流程

响应公司号召,跟上时代潮流,接下来我将独自开发微信小程序,接下来我介绍下注册流程,后续会补上小程序开发心得. 注册流程 注册之前,需要使用一个邮箱,该邮箱作为登录小程序的账号,这个邮箱不能被微信开放平台注册,个人微信号绑定的邮箱,否则不予注册,迫不得已,找出了N年没用的QQ邮箱哈,注册之后往预留邮箱发送一封邮件,前往邮箱点击确认即可. 注册类型分为:个人.媒体.企业.政府机关.其它.对于我而言,只能先暂时使用个人进行注册了. 选择个人注册,需要使用本人身份证号.身份证对应姓名.还需要一个手机号,

(转)快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app. 这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈. 这个平台给我的直观感受是,技术层面,它跟vue有相似性,但是远没有vue强大:开发时候的思路

微信小程序实例源码大全demo下载

怎么本地测试微信小程序实例源码 1.下载源码 2.打开微信开发者工具 3.添加项目->选择本项目目录->编译执行 微信小程序实例源码大全 微信小程序游戏类demo:识色:从相似颜色中挑选不同的一个 源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105 微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论 源码链接:http://www.wxapp-union.com/forum.php?mod=vie

微信小程序开发——打开另一个小程序

微信小程序打开另一个小程序,有两种方法:1.超链接:2.点击按钮. 全局配置: 跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下: App.json { ... "navigateToMiniProgramAppIdList": [ "wxe5f52902cf4de896" ] } 否则会弹出以下错误提示: 超链接实现跳转到小程序: demo.wxml <navigator target="miniProgram&quo

微信小程序学习 动手撸一个校园网小程序

动手撸一个校园网微信小程序 高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一个校园网微信小程序. 效果预览 源码地址:Github??求你的小星星- 准备工作 微信小程序开发者工具:腾讯开放了小程序个人开发平台,只需要一个微信号就可以成为小程序开发者了. 微信小程序设计指南:由于小程序是一个平台,所以平台上的开发者必须要遵守规范. ?easy-mock:使用easy-mock模拟后端数据,后面会简单介绍配置. 七牛云:使用

微信小程序注册

产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 小程序注册 注册小程序帐号 在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮. 选择注册的帐号类型 选择“小程序”,点击“查看类型区别”可查看不同类型帐号的区别和优势. 填写邮箱和密码 请填写未注册过公众平台.开放平台.企业号.未绑定个人号的邮箱. 激活邮箱 登录邮箱,查收激活邮件,点击激活链接. 填写主体信息 点击激活链接后,继续下一

微信小程序-注册程序app.js

一.注册程序 App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等. object参数署名: onLaunch:当小程序初始化完成后,触发onLaunch 只触发一次 onShow() :当小程序启动,或从后台进入前台显示,会触发 onShow onHide():当小程序从前台进入后台,会触发 onHide onError():当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息 其他:开发者可以添加任意的函数或数据到

微信小程序 使用swiper制作一个滑动导航

最近在做一个导航的时候,发现使用overflow-x: auto来做多内容滑动导航效果很不好,思索是不是可以使用swiper来做一个,研究了下其实发现原理基本相同 这里说下,要用swiper做导航菜单,有几个要特别注意的参数 1:autoplay,官方说明[是否自动切换],这个不填,菜单可不能自己动 2:indicator-dots ,官方说明[是否显示面板指示点],这个也不填, 3:display-multiple-items,官方说明[同时显示的滑块数量],敲重点,这个参数必须设为1,要与p