微信开发者工具能发布小程序吗

2020-03-10 15:49:03 weixin_39709920 阅读数 959

利用微信开发者工具获取小程序指定页面路径!

文章来源:企鹅号 - 程鹏亮

小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小程序,公众号菜单中的小程序,小程序的互相跳转等等各种应用场景,今天教大家如何使用微信开发者工具获得小程序指定页面的路径。

 

 

首先你得先下载安装微信开发着工具,并且获得小程序前端代码包,像一些扫码上传的平台,你是拿不到代码包的。这些获取路径就比较麻烦。

安装好小程序开发者工具,以开发者的身份登陆工具,新建小程序项目,导入前端代码包,就可以看到下面的页面了

 

打开开发者工具,在底端可以看到页面路径和页面参数。小程序的完整路径是由小程序的页面路径和页面参数组成的。比如上面这个小程序

页面路径pages/bigcms/article/article

完整路径pages/bigcms/article/article?id=24332&typeid=3

页面路径和页面参数中间使用?连接。这个路径可以使用到很多场景,比如

2018-11-08 15:23:58 fannie_yang 阅读数 476

1、下载工具

进入微信公众平台:微信公众平台.
由于我已经注册过,所以提供文档参考开发文档api.
刚入门只需要看这几类即可:
在这里插入图片描述
根据文档链接(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18110719)下载开发工具,根据电脑配置下载:
在这里插入图片描述
下载后的工具:
在这里插入图片描述
安装后的文件夹:
在这里插入图片描述

2、工具使用

点击exe,进入下图:
在这里插入图片描述
点击小程序项目,进入下图(这里的项目是我之前开发过的):
在这里插入图片描述
在这里插入图片描述

平台自带的获取微信号和获取浏览时间,进入项目即可看到
在这里插入图片描述

具体可参考微信官方文档 工具使用文档.
在这里插入图片描述

3、增删改查

a:使用云开发数据库

注意:具体可参考云开发文档.
1、新建项目选择一个空目录,填入 AppID(使用云开发能力必须填写 AppID),勾选创建 “云开发 QuickStart 项目”
2、进入程序若是出现调用函数失败的错误:在 app.json / game.json 中增加字段 “cloud”: true即可解决
3、进入项目点击上方云开发:在这里插入图片描述
4、配置后进入数据库:
在这里插入图片描述

以查询为例

在这里插入图片描述

b:调用本地springboot接口

以查询为例

springboot接口是另外的项目,此处只是告诉大家如何调用
1、将springboot接口用maven打包成jar文件
在这里插入图片描述
2、待jar启动后,就可以调用啦在这里插入图片描述
3、如果调用时候出现405错误,不要慌,点击右上角的详情,勾选不校验合法参数即可,g

特别提醒:如果有什么不懂的,或者需要demo的,请私信我,有什么不足之处还请大家多多指教,谢谢。

2018-05-14 10:07:29 Joychen404 阅读数 22430

微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。

微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。

启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信的帐号

程序调试主要有三大功能区:模拟器、调试工具和小程序操作区

模拟器

模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。

调试工具

调试工具分为 6 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel

微信小程序开发者工具简介

Wxml Pannel 用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 wxml 代码。

微信小程序开发者工具简介

Sources Pannel 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources Pannel 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。Netwrok Pannle 用于观察和显示 request 和 socket 的请求情况。Appdata Pannel 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。Storage Pannel 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。Console Pannel 有两大功能:开发者可以在此输入和调试代码以及微信小程序的错误输出。

小程序操作区

微信小程序操作区帮助开发者模拟一些客户端的环境操作。例如当用户从微信小程序中回到聊天窗口,会触发一个微信小程序被设置为后台的api。

微信小程序开发者工具简介

点击预览功能,工具会自动编译和构建代码,并生成代码包上传到微信服务器,成功后将会显示一个二维码,开发者用新版微信扫描二维码即可在手机上看到相应项目的真实表现。


请观看小程序视频教程了解详情,更多资讯请关注小程序开发教程

2017-02-05 19:35:25 debugconsole 阅读数 111126

很多朋友都认为微信小程序申请、部署、发布很难,需要很长时间。

实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发、部署、发布的方式。当然,实现的是基础功能。但是,可以给学习者很便捷的体验和很好的启发。

不过,随着微信平台和云服务的发展,真担心,程序猿会失业!


目录

一.微信小程序申请

二.服务器设置(申请、部署、域名)  

1.申请服务器
2.部署服务器
3.域名申请和配置

三.小程序发布

1.下载DEMO

2.下载开发工具并安装

3.配置参数

4.发布

四.小程序体验

1.微信(版本:6.5.3及以上支持小程序)-发现-小程序
   下载

2.DEMO下载

 微信小程序教程资料和开发工具大全,文档、代码、例子、工具  下载


五.已发布小程序

在小程序的搜索中输入小程序全名(目前只有很少支持模糊查找,建议全名查找),即可体验。


完整说明


一.微信小程序申请

申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。

https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN




申请后登陆

https://mp.weixin.qq.com/


二.服务器设置(申请、部署、域名)  

c#、java、php等多语言解决方案源代码
Wafer - 快速构建具备弹性能力的微信小程序 https://github.com/tencentyun/wafer
重要:
1.第二步,可以在5分钟内实现;
2.成本3元(腾讯云支持微信小程序2017年推广期间,3元腾讯云提供整套服务器和系统)
3.腾讯云默认分配:1.云服务器;2.云数据库;3.域名;4.小程序支持系统;
4.只要微信小程序认证过即可,云服务器不需要认证,域名不需要审核备案(省时间,方便!)


https://www.qcloud.com/?utm_source=bdppzq&utm_medium=line&utm_campaign=baidu





1.申请服务器
2.部署服务器
3.域名申请和配置


三.小程序发布

1.下载DEMO

2.下载开发工具并安装

下图,开发者工具












AppID和秘钥获取


3.配置参数



4.发布










四.小程序体验

微信(版本:6.5.3及以上支持小程序)-发现-小程序

DEMO下载


   

五.已发布小程序


在小程序的搜索中输入小程序全名(目前只有很少支持模糊查找,建议全名查找),即可体验。


  1、【高频使用】

  美团外卖

  滴滴公交查询

  车来了

  大众点评+

  京东购物

  摩拜单车

  滴滴出行DiDi

  携程酒店机票火车票

  2、【旅行】

  驴妈妈门票预订

  飞常准查航班

  海南航空微应用

  南航e行

  去哪儿出行

  朋友家精选民宿

  熊猫签证

  去哪儿酒店预订

  3、【购物】

  国际品牌价格

  小小包麻麻好物

  好药师优选

  汽车之家Autohome

  手机查报价

  有赞精选

  什么车好

  微店轻便版

  Coolbuy玩物志

  美的官方商城

  腾讯周边

  订蛋糕元祖黑天鹅诺心21cake

  新品有戏应用

  4、【交通】

  滴滴公交查询

  车来了

  租租车出国去哪玩

  巴士管家

  知了交通

  5、【健康医疗】

  姨妈日历

  美柚APP

  经期月月记

  好药师优选

  孕期提醒APP

  柚宝宝App

  药顾问

  丁香医生

  6、【图片】

  嗨图

  MOTIF米田图案壁纸小工具

  名画滤镜APP

  今日名画

  小蚁AI艺术

  Miatou

  藏识相册

  7、【工具】

  我的计算器

  朝夕日历Pro

  印象笔记微清单

  亲戚关系

  100房贷助手

  查地铁

  Coolbuy玩物志

  看剧小助手

  约会来也

  老板管账

  掌上探路者生活

  序列号查查

  小程序示例

  解忧室

  股票灯塔

  艺术签名助手

  延迟退休计算器

  汽车报价库

  签到打卡

  实时空气质量

  自选股

  高校图书馆查询

  小小房贷计算器

  新股申购宝

  最新汇率查询

  汇率e

  二手车e

  记账e

  翻译e

  通勤助手

  留学公寓助手

  云梦助眠引导

  蚂蚁待办

  蚂蚁微日记

  窝牛App

  8、【教育培训】

  小D词典

  词汇量查询

  分答快问

  钢琴优课

  天天练口语

  词汇量测试

  有钱兔择校

  宝宝微空间

  一首一首诗

  人人词典

  有可能微课

  蚯蚓课+

  桔子创投内参

  感恩笔记本

  爱弹唱

  9、【快递查询】

  快递100小助手

  10、【天气查询】

  智慧气象服务

  精准天气预报

  30天天气预报

  11、【投资理财】

  自选股

  富途牛牛股票

  微众银行

  南方基金微理财

  BP助手

  FellowPlus创投数据库

  12、【票务】

  猫眼电影

  小小票儿

  电影演出赛事

  13、【阅读】

  今日头条lite

  轻芒杂志

  Qdaily

  桔子创投内参

  QQ阅读

  壹点调查

  快看漫画

  段掌柜

  西窗诗词

  网易灰评

  换阅空间

  360好书推荐

  历史上的今时

  心邮

  口袋书架

  14、【视频】

  腾讯视频

  开眼视频Eyepetizer

  15、【美食】

  下厨房+

  探城美食APP

  16、【美妆】

  化妆品点评

  17、【体育】

  酷竞

  18、【表情包】

  表情家园

  斗图表情包神器

  19、【游戏】

  王者荣耀赛事

  炉石相册

  20、【求职】

  实习委员

  21、【音频】

  青蜻蜓

  浴音阁

  荔枝FM播客

  22、【自媒体】

  吴晓波频道会员

  23、【社区】

  小密圈+

  We重邮

  一起Up

  分答快问

  第二空间创作中心

  社交名片

2019-11-23 16:26:31 weixin_42126120 阅读数 497

主手自己用的是Win7 64位的电脑。
确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。
在Windows系统下已安装GIT 和 TortoiseGIT安装。

在这里插入图片描述
1、打开Git Bash 克隆小程序项目。克隆完成后。
2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。
3、点击“运行—运行小程序模拟器-微信开发者工具”,等待小程序项目打开。
4、小程序项目打开后,栏位“编辑器”背景色为绿色。单击“编辑器”去掉绿色。

可以开始在微信开发者工具进行测试了。
在这里插入图片描述