• 一、首先准备下本地环境(本地就需要一个微信开发工具) 1、首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册。 注册登陆后,首页填写一些小程序基本信息   填写完小...

     

    一、首先准备下本地环境(本地就需要一个微信开发工具)

    1、首先得有一个微信小程序账号,登陆微信小程序首页:mp.weixin.qq.com,点击右上角立即注册。

    注册登陆后,首页填写一些小程序基本信息

     

    填写完小程序基本信息后,点击进入开发设置

     

    这里能查看到AppID(小程序ID) AppSecret(小程序密钥),这个注意AppSecret(小程序密钥)点击生成后,后面一键创建服务器开发环境要用,生成后要记录好,因为关闭后,下次不能再查看,只能重新生成新的,生成新的后数据库中对应预存的也要修改,比较麻烦。

    小程序账号相关信息新设置到这里,下面购买配置服务器环境(对应初学者 90块3个月比较划算)。

     

    二、点击登陆腾讯云官网。(腾讯云新用户的有些优惠

    注册登陆后,点击解决方案中的微信小程序

     

    点击马上使用,然后提示实名认证,完成认证。

     

    实名认证后,切回上个网页上的wafer解决方案下的总览(如果网页不在可重新从首页进入)

     

    输入AppID(小程序ID) 和AppSecret(小程序密钥) 选择合适合适的开发语言(无前端开发基础的建议使用node.js,因为小程序使用JavaScript写的,node.js基本上也就是JavaScript,相当于只需要学习一门语言),大神可随意选择PHP,Java,.NET

    JavaScript教程node.js教程

     

    首次购买腾讯云产品是有优惠的,大家可以根据自己需求购买(博主买的90块3个月挺划算,后买好像不是按每月30算了,不过买多还是划算的,续费的时候好像就没优惠了),点击立即创建

     

    等待创建中……

     

    全部创建完成后点击使用配置指南

     

    这里大家可以点击自动设置小程序域名,通过小程序账号绑定微信扫描,会有一个腾讯云和小程序账号绑定的过程,然后环境就建好了。

     

    虽然刚才点击了自动配置域名,但是好像还是要手动配置下,点击设置小程序服务器配置信息。

     

    微信小程序账号中,开发设置中,点击开始配置,一一对应填进去即可。

     

    但是配置完以后提交保存应该都会报错,这里就需要提到上面说的域名变更了,只是告诉大家域名填写的位置,因为这些域名是腾讯提供的开发环境域名,而这里需要填写的是发布小程序时的域名,需要自己申请并备案的,这个后面再说,到这里开发环境已经搭建完了,可以下载小程序demo调试学习了。

     

     

    三、点击下载小程序开发工具,以及小程序客户端demo下载调试(小程序服务端demo源码,上面搭建环境的时候已经自动上传到业务服务器上了,并且已经安装部署好了)。

     

    小程序开发工具下载安装好后,回到腾讯云中的wafer解决方案总览页里,下载小程序客户端demo。

     

     

    点击Download ZIP,下载客户端demo压缩包。

     

    下载解压后,使用微信小程序工具打开demo源码,并输入AppID(小程序ID)。

     

    打开小程序源码后,修改config.js中的host地址,即是wafer解决方案中疼讯云分配的request合法域名。

    域名查看可在wafer解决方案总览中

    下面可以调试小程序了,测试demo中登陆,聊天等功能。但是遇到了下面的问题哭

    使用浏览器测试了下登陆请求,是有相应的https://${host}/login

    遇到问题,可以再这里给腾讯提工单,相应还是挺快的,最后确认是腾讯不支持qcloud.la域名了,需要变更域名

    工单里提供了变更域名详细的操作,

    域名变更具体操作:
    https://cloud.tencent.com/document/product/448/8440
    域名变更后的操作请您参考:
    https://cloud.tencent.com/document/product/448/8229

    申请域名的时候,大家可以好好想想,说不定能申请个几百万的域名,www.ofo.com(好像ofo花了几百万买的)

    域名变更的时候,不需要申请ssl证书,腾讯云会自动帮你配置,但会帮你自动生成二级域名。

    域名申请后需要备案,备案可以完全再腾讯云上操作,中间有一部提供照片,可以去免费制定的拍照地点,注意也提供了一个app,可以使用app自己拍,然后提供备案,整个过程一周左右就能搞定。

    比如填的www.yudingfan.com会随机配置成55557753.yudingfan.com(ping这个域名指向的是你的负载均衡,也是个服务器),变更域名的时候忘了截图,只能描述下,详见上面的域名变更具体操作。

    变更后点击设置小程序服务器配置信息,然后再微信小程序账号后台配置小程序服务器。

    域名配置

     

    这是你就可以调试小程序的demo了,当然还得配置下小程序config.js中的host

    demo中的各种操作都可以了。

     

    当然也可能遇到问题,遇到问题主要就是两点(我遇到的和大家说下)

    在总览里,大家可以点击业务服务器、会话管理服务器、微信小程序数据库MySQL这几个都是自己能控制调试修改的,登陆密码是统一的,购买的时候都会发送短信告知的,也可以在右上角邮件图标的消息中查看,

    业务服务器、会话管理服务器都是常用的Linux系统centos,

    下面两个问题都可以查看这里https://github.com/tencentyun/weapp-doc

    问题一查看业务服务器中的sdk.config配置是否正确,通过SSH工具登陆后查看,

    问题二、数据库中的AppID(小程序ID)AppSecret(小程序密钥)变更,登陆会话管理服务器

     

    这样的你的小程序demo可能就能顺利的运行了,,如果还有问题,直接在右上角给疼讯云提工单,相应很快,

     

    如果想学习小程序,没做过前端开发的可以先学习下JavaScript和nodes.js,node.js基本上就是JavaScript的服务器版本,相当于一门语言,在准备一本及比较新的小程序书,书的内容都差不多,越新越好,跟着书学会知道下一步该干什么,网上虽然都能找到,但没条例。

    JavaScript教程

    node.js教程

    推荐一本比较新的书给大家《小程序,巧应用:微信小程序开发实战 第2版》

     

    到此就写完了。2018-01-24-00:10

    展开全文
  • 开发者工具配置:在开发者工具右侧的详情中的项目设置,将不校验合法域名打上勾index.js:Page({ //对应的index.wxml页面绑定的数据 data: { json : '' }, //index.wxml页面加载时调用的函数 onLoad: function...
  • 微信开发时,把本机的服务映射到外网。这样就可以很容易的完成调试。 具体步骤如下:下载 natapp客户端 https://natapp.cn/注册账号获取token运行客户端 natapp -authtoken=xxxx出现下图表示成功 附:还有...
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,供本地...
  • 微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 ...
  • 进入微信开发工具后,发现需要使用新的版本工具 - “工蜂”,在这之前公司用的 GitLab 搭建的服务器,本以为有什么不同,但是忘记了是 TX 的!!!咳咳,不难发现,这是微信开发工具有意推广 TX ...
  • 最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...
  • 昨天跟一个朋友吃饭,谈到微信公众号的事情,说到帮他做一个微信公众号,于是今天在折腾这个,在微信页面添加服务器配置之后,点提交,自己搭建的web服务器收到了微信转发过来的请求,然后按要求返回传过来的随机...
  • 微信开发基本原理: 1.首先有3个对象 分别是微信用户端 微信公众平台服务器 开发者服务器(也就是放自己代码的服务器) 三者间互相交互 2.微信公众平台服务器 充当中间者角色 (以被动回复消息为例) 接收用户...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间...(一)微信开发...
  • 如果你只是简单使用微信公众号,发送推文等简单需求,你就不需要的配置自己的开发服务器微信公众号平台功能十分强大,不懂技术的用户也可以简单开发一个自己公众号。如果你有像成绩推送等需求,你就需要知道用户的...
  • 首先,比如微信二次开发,可以用java或者php 来做服务器端语言来进行二次开发,那小程序呢?文档写着.js负责业务逻辑,难道服务器端就是纯JS实现? 包括对数据库的操作吗? 还是也可以用php?其实文档中在request...
  •  该工具的使用步骤场景如下,申请微信开发,需要填写服务器信息,公网域名,而平时我们开发,没有域名,和相对应使用的网络,所以无法把域名转发到我们本地ip。  现在有一款ngrock工具,相信很多微信开发者...
  • 解决方法: 1、开发-开发设置-设置服务器域名 2、测试阶段: 微信开发者工具-详情-不校验域名
  • Fiddler助力微信开发调试 2019-08-15 20:08:19
    下面介绍在微信开发调试方面的应用。 微信网页开发中,由于有js接口安全域名和授权域名等的限制,导致部分功能需要部署到线上才能测试。通过代理可以实现本地调试网站的所有功能。 配置代理规则 全站转发可以这样...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 上一篇《微信开发学习总结(一)——微信开发环境搭建》我们已经完成了微信开发的准备工作,准备工作完成之后,就要开始步入正题了。 一、微信公众平台的基本原理  在开始做之前,先简单介绍了微信公众平台的基本...
  • “一对一在线班讲解”,在标准版知识结构的基础上,全面讲解企业微信的各个技术点,涵盖企业微信的全部内容,提供企业微信开发工具包。 此外,针对accesstoken缓存给出建议解决方案。讲解针对企业微信的OA项目...
  • 1、必须先下载微信web调试工具这就不多说了 2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973 3、打开web调试工具...
  • 微信开发者工具跨域问题 2019-11-01 15:17:11
    如何不用将前端代码上传到远程服务器,也能够在本地进行远程调试?(解决跨域问题) 解决 1、修改路径 将安装好的“微开发者工具”移动到没有中文路径的地址,然后将“微信开发者工具.exe” 更改为英文名字,然后...
1 2 3 4 5 ... 20
收藏数 49,209
精华内容 19,683