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

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

    实际上,微信和腾讯云同是腾讯产品,已经提供了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

      分答快问

      第二空间创作中心

      社交名片

    展开全文
  • 安装微信开发者工具 --》https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201716 新建项目 安装Node.js --》https://nodejs.org/en/ 点击–》 注册 右键选择环境 然后将node.js–》cmd 安...

    登录微信公众平台 --》https://mp.weixin.qq.com/

    安装微信开发者工具 --》https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201716

    新建项目
    在这里插入图片描述

    安装Node.js --》https://nodejs.org/en/

    点击–》在这里插入图片描述 注册

    右键在这里插入图片描述选择环境

    然后将node.js–》cmd 安装到login文件夹下
    测试 cmd --> node -v --> npm -v
    然后在小程序文件存储路径login下 输入npm install -g express@2.5.x
    最后输入express -v,回车显示版本号,则安装成功

    右键cloudfunctions 同步函数列表
    右键login文件上传并且部署,云端安装依赖

    在这里插入图片描述
    最后将你创建的环境填写到这边就大功告成了

    展开全文
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,供本地...

                              微信开发本地调试工具(模拟微信客户端)


    开源免费微信管家系统(java)源码下载


    微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,

    捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,

    供本地开发测试;


    第一个参数:http://localhost:8080/jeewx/wechatController.do?wechat

    第二个参数:微信公众账号的原始ID

    QQ图片20140714231105.jpg

    微信开发调试功能.rar

    69.42 KB, 阅读权限: 10, 下载次数: 19



    体验公众号:



    展开全文
  • 微信小程序部署到线上环境 一.微信小程序申请 申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。 https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&...

    微信小程序部署到线上环境

    一.微信小程序申请

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

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

    、开发端准备

    1,开发微信小程序,必须要有一个AppId,如果没有可以去注册一个。

    申请后登陆

      https://mp.weixin.qq.com/进入注册页面,点击上方立即注册。

     

    2,点击选择“小程序”出现注册页面。

    3,填写账号信息,包含邮箱,密码,验证码。

    4,登录邮箱,点击链接,进行验证。

     

    5,进入信息登记界面,进行信息登记,分为“主体信息登记”和“管理员信息登记”。“主体信息提交后不可修改”!

     

     

     

     

     

    6,登录微信小程序。

    7,设置,开发者设置,APPID,服务器域名。

     

    8,设置,开发者工具,腾讯云。

    9,安装开发者工具

       下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。选择左边的小程序项目,然后选择项目的目录,你的AppID和项目名称。

    小程序项目管理 项目目录没有项目就用第10步的下载测试代码,进入后图:

    10,下载测试代码

    下载为你打包的 Demo 代码,作为开通环境所需,可以去腾讯云下载。

    11,下载的是一个压缩包,里面包含服务端和客户端的代码文件。然后将整个文件夹导入到微信开发者工具中。

    12,使用微信开发者工具创建小程序项目,选择第三步下载的代码文件夹,修改云数据库的一些配置信息。打开 server/config.js 或server/config.php文件。修改里面的 MySQL 数据库密码为您的小程序 AppID。

    13,上传测试代码

    使用微信开发者工具上传代码,完成开发环境的初始化,上传测试代码选择(部署后自动安装依赖)。

    14,代码上传之后,进行代码部署操作。点击图中的“代码部署”

     

    15,修改本地请求域名

    点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】,复制域名,填写在 clien/config.js 文件的 host 处,并保存。

    、腾讯云准备

      1,微信小程序部署到线上环境。首先,腾讯云必须关联微信小程序,否则不能打通开发环境;其二,必须要有一个已经备案的域名;最后,一台云主机。腾讯云部署微信小程序域名必须备案,否则不能正常访问。

     

     

     

     

    2,腾讯云主机大概49元1个月,暂不支持Java和.NET,支持PHP,Node.js

    3,具备了以上条件你就可以进入生产环境。如图。

     

    展开全文
  • 一、前言 这次的项目主要是关于微信...在开发过程中会设计到微信接口的调测,这里使用的微信公众号中提供的开发者工具中的在线接口调测和公众平台测试账号。注:微信支付功能不能使用公众平台测试账号测试,必须部署...

    一、前言

       这次的项目主要是关于微信公众号的一个开发,本人这次分配的模块是后台微信公众号的支付和退款,第一次接触微信公众的项目刚开始一脸懵逼,开发过程中遇到各种坑,所以想自己写一篇详细的关于微信公众号的开发,希望能对小伙伴们有所帮助!在开发过程中会设计到微信接口的调测,这里使用的微信公众号中提供的开发者工具中的在线接口调测和公众平台测试账号。注:微信支付功能不能使用公众平台测试账号测试,必须部署到正式环境中测试。

    二、使用方法

    进入到在线接口调试工具页面如下图所示:

    详细介绍:

    1.第一步:选择上图的接口类型为基础支持,输入测试账号分配的appid和secret,点击检测可以获取到AccessToken,如下图所示:

    2.第二步,通过第一步中得到的AccessToken,可以进行其他接口的测试,这里以自定义菜单为例测试。复制第一步中得到的AccessToken到自定义菜单对应的AccessToken位置,然后将事先准备好的菜单复制到body文本框中,然后点击检测,返回OK自定义菜单就设置好了,如下图所示:

    3.第三步,查看自定义菜单,在测试账号管理中找测试二维码,用微信二维码扫描关注测试账号就可以看到自定义菜单了,如下图:

    附自定义菜单格式:

    {
        "button": [
            {
                "name": "便民服务", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "个人中心", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appId=wxef3736bdf19a5639&redirect_uri=http://szmbtest.free.ngrok.cc/weixin/dispatch/PersonalInfo&response_type=code&scope=snsapi_base#wechat_redirect"
                    }, 
                    {
                        "type": "view", 
                        "name": "预约挂号", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef3736bdf19a5639&redirect_uri=http://szmbtest.free.ngrok.cc/weixin/dispatch/li_room&response_type=code&scope=snsapi_base#wechat_redirect"
                    }, 
                    {
                        "type": "view", 
                        "name": "费用支付", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef3736bdf19a5639&redirect_uri=http://szmbtest.free.ngrok.cc/weixin/dispatch/Clinic&response_type=code&scope=snsapi_base#wechat_redirect"
                    }, 
                    {
                        "type": "view", 
                        "name": "报告查询", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef3736bdf19a5639&redirect_uri=http://szmbtest.free.ngrok.cc/weixin/dispatch/report&response_type=code&scope=snsapi_base#wechat_redirect"
                    }, 
                    {
                        "type": "view", 
                        "name": "咨询互动", 
                        "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef3736bdf19a5639&redirect_uri=http://szmbtest.free.ngrok.cc/weixin/dispatch/xie_consultation&response_type=code&scope=snsapi_base#wechat_redirect"
                    }
                ]
            }, 
            {
                "name": "资料下载", 
                "sub_button": [
                    {
                        "type": "view", 
                        "name": "官方网站", 
                         "url": "http://www.szmbzx.com/"
                    }
                ]
            }
        ]
    }

    三、注意事项

    要想使关注的测试账号能真正的访问到后台,需要在测试管理页面中配置一些参数。

    1.接口信息配置和JS接口安全域名配置

               下图中的域名是使用ngrock代理生成的外网可访问的域名,改域名是免费,但不是很稳定经常容易掉线。

    2.网页授权获取用户基本信息配置

       还是在测试账号管理页面中,往下拉找到网页账号对应的网页授权获取用户基本信息,点击右侧修改,然后数据域名,该域名与第一条中涉及到域名相同,如下图:

     

    有兴趣的朋友可以关注下本人的微信公众号:“JAVA菜鸟程序猿”

     

     

     

    展开全文
  • 下面介绍在微信开发调试方面的应用。 微信网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测试。通过代理可以实现本地调试网站的所有功能。 配置代理规则 全站转发可以这样...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 由于比较熟悉linux开发环境而微信开发工具官方只提供了windows和mac,就在网上找了下相关内容,花了老半天安装,其中有个坑搞了半天。记录一下,提醒自己。 git上有大牛写了,Linux微信web开发者工具 ...
  • 微信开发最大的特点就是不好调试,所以微信官方退出了一款调试工具! 下载地址: 微信开发者工具项目演示 配置: 我这里是选择 ios 手机代理配置 打开手机选择网络(必须确保手机,电脑在同一局域网下面) 然后点击...
  • 我们都知道在最近的微信开发者工具中加入了版本控制的功能,如下图所示。 那么说到版本控制可能我们都会马上想起Github,
  • 学习微信公众号的开发,必须先阅读微信开发文档,通过阅读文档,了解有关微信公众开发的步骤及相关限制,了解其工作原理等。 微信开发之入门指引       ...
  • 初识微信开发者工具,有点懵,下载的是v1.02.1810190版本,进去点击什么都提示错误,摸索了下最终成功部署,特此记录一下,旨在帮助大家真正快速部署成功,可以潜心研究他的api,减少各位大佬的磨刀时间。...
  • 实际上,微信和腾讯云同是腾讯产品,已经提供了10分钟(根据准备资源情况,已完成小程序申请认证)完成小程序开发部署、发布的方式。当然,实现的是基础功能。但是,可以给学习者很便捷的体验和很好的启发。 不过...
  • 一、背景:微信开发其实跟web开发并没有太大的分别,在我们进行微信开发的时候,需要调用微信接口的时候(比如获取地理位置,上传图片,拍照等),肯定是需要在微信上操作的,而这时候我们的项目还没有部署到生产上...
  • 个人觉得比较关键的一点就是Token了 ...一、工具类public class WeiXinSign { /** * 与接口配置信息中的Token要一致 * 这里写什么,在微信开发者后台那里Token就填什么 */ public static String TOKEN = "12345
  • 解决微信开发者工具”当前系统代理不是安全代理” . 故障1) 你有设置开启代理吗? 如果不需要,你点左上角的“代理”选项,关闭代理即可 故障2) 使用emedit工具,点击搜索,在文件中查找 在微信开发者工具的...
  • 最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无前端编程基础,去菜鸟教程简单学习下 ...
  • 1.先安装”微信开发者工具“, 下载网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 参考网址:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN 安装了”微信开发者...
  • 微信开发本地调试工具 模拟微信客户端
  • 微信小程序的测试发布在没有 CI/CD 等相关工具的情况下,存在着如下的问题: 小程序开发助手中,同一个开发者只能显示一个开发版本 测试同事找开发要二维码,效率较低 本地生成的二维码会出现携带本地代码、未及时...
1 2 3 4 5 ... 20
收藏数 28,873
精华内容 11,549