微信开发者平台怎么进行交互_微信公众号开发与微信服务器的交互 - CSDN
精华内容
参与话题
  • 公众平台消息接口为开发者提供了与用户进行消息交互的能力。对于成功接入消息接口的公众账号,当用户发消息给公众账号时,微信公众平台服务器会使 用 HTTP 请求对接入的网址进行消息推送,第三方服务器可通过响应包...

    公众平台开发模式的数据交互方式

    1.2 公众平台开发模式的数据交互方式

    公众平台消息接口为开发者提供了与用户进行消息交互的能力。对于成功接入消息接口的公众账号,当用户发消息给公众账号时,微信公众平台服务器会使 用 HTTP 请求对接入的网址进行消息推送,第三方服务器可通过响应包返回个性的回复,从而达到回复消息的目的。简单地说,就是公众账号可以使用自己的程序来和用户对话。

    这个模式和多年前的手机订阅很像。在21世纪初,互联网在泡沫之后迎来了一种非常厉害的盈利模式——SP/CP 模式,拯救了水深火热的互联网。当然,现在这种模式已经过时了,大家可以在网上了解一下那段互联网的历史。不过现实中还是存在真实的例子,如果你的手机号是中国移动的,可以参看 10086 的短信功能;如果你的手机号是中国电信的,可以参看 10000 的短信功能。笔者的手机号是中国电信的,当笔者想查询自己的套餐使用情况时,即可发送 702 到 10001,10001 会立即返回笔者的套餐详细使用情况。大家肯定猜到这条短信不是人工发过来的,而是由后台程序接到 702 之后查询中国电信自己的用户数据库后发过来的。同样的,中国移动的用户发送“YE”到 10086 查询余额的功能也是一样的。

    使用了开发模式的微信公众账号就会成为一个配备了一些指令规则的账号。在用户关注公众账号,发送对应的指令给公众账号之后可以获得相应的结果。而这些规则的逻辑需要公众账号的开发者根据公众平台的开发规则在后台实现。用户、微信后台和我们需要开发的公众账号后台的服务器三者之间的交互关系如图1-1所示。

    图1-1 用户、微信后台和公众账号服务器间的交互图

    图1-1 所示的具体交互过程的描述如下:
    1)用户在微信的手机客户端里向公众账号发送一条消息,这条消息会通过网络到达微信的后台;
    2)后台收到这条消息之后,把消息转发给公众账号的后台,也就是公众账号的服务器;
    3)公众账号服务器收到请求后,解析消息格式,根据用户内容和自己的服务器逻辑,计算出需要返回给用户的消息,然后封装消息,返回给微信后台;
    4)微信后台把公众账号服务发来的消息转发给用户的微信手机客户端,这样用户在手机客户端上就可以看到公众账号发来的微信消息了。

    通过这个过程可以看到公众账号服务器要做的事情有三件:
    ❑ 获取微信后台发过来的消息;
    ❑ 实现自己的业务逻辑;
    ❑ 发送返回消息给微信后台。

    因为微信服务器请求公众账号服务使用的是 HTTP 协议,所以在公众账号服务器上必须要运行一个 HTTP 服务,并打开一个端口。本书的案例为了开发时的 方便,使用 Windows 上的 AppServ 作为开发和调试环境,使用 zendstudio 作为 PHP 语言的 IDE,使用 Windows 版本的 MySQL 作为数据存储;在部署应用时使 用 Nginx、PHP-FPM 和 Linux 版本的 MySQL 作为生产环境。

    接下来介绍一下开发环境的准备工作及生产环境的部署,如果读者已经知道如何使用 AppServ 可以跳过这些内容。

    展开全文
  • 微信开发者工具

    2020-09-04 17:21:21
    文章目录微信开发者工具存在的原因微信开发者工具底层框架代码编译模拟器 微信开发者工具存在的原因 微信开发者工具存在的原因肯定是因为当时其它开发者工具写不了微信小程序。 因为小程序渲染层和逻辑层分离,...

    微信开发者工具存在的原因

    微信开发者工具存在的原因肯定是因为当时其它开发者工具写不了微信小程序。
    因为小程序渲染层和逻辑层分离,webstorm 之类的网页开发工具是写不了写小程序的,必须使用微信开发者工具。
    微信开发者工具是小程序开发生态一站式IDE,其功能有:代码开发、编译运行、界面和逻辑调试、真机预览、发布版本等。

    微信开发者工具底层框架

    底层模块:基于nw.js ,使用node.js、chromium以及系统API来实现

    用户交互层:使用React、Redux等前端技术框架来搭建,可以跨Mac和Windows 平台使用。

    在这里插入图片描述

    代码编译

    文件编译
    微信的渲染环境无法直接理解wxmlwxss文件,所以微信开发者工具会用一个二进制的wxml编译器把wxml和wxss文件编译成js 后放到微信的渲染环境中运行。
    对于js 文件,在代码上传之前会被ES6转ES5、代码压缩等,最后合并成一个app-service.js
    在这里插入图片描述

    模拟器

    小程序模拟器
    小程序模拟器模拟可以模拟小程序在不同型号的真实设备上的效果。
    因为小程序运行环境的不同,我们要在不同型号的手机上测试小程序。

    • 在iOS微信客户端上,小程序的JavaScript代码是运行在JavaScriptCore中。
    • 在Android微信客户端上,小程序的JavaScript代码是通过 X5 JSCore来解析的。
    • 微信开发者工具使用一个隐藏着的Webivew来模拟小程序的逻辑运行环境。

    微信开发者工具中逻辑层、渲染层和客户端之间的通信,使用的是WebSocket模拟的。
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 第一个 wx.showModal(Object object) 显示模态对话框 modal:function() { wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { ... } else if (res.cancel) { ...

    第一个

    wx.showModal(Object object)

    显示模态对话框

    modal:function()
    {
      wx.showModal({
        title: '提示',
        content: '这是一个模态弹窗',
        success (res) {
          if (res.confirm) {
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })
    }, 
    

    调用后效果:
    在这里插入图片描述

    第二个

    wx.showToast(Object object)

    显示消息提示框

      toast:function()
      {
        wx.showToast({
          title: '成功',
          icon: 'success',
          duration: 2000
        })
      },
    

    调用后效果:
    在这里插入图片描述
    第三个

    wx.showLoading(Object object)

    显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框

      loading:function()
      {
        wx.showLoading({
          title: '加载中',
        })
        
        setTimeout(function () {
          wx.hideLoading()
        }, 2000)  //提示框持续时间//   
      },
    

    调用后效果:
    在这里插入图片描述

    第四个

    wx.showActionSheet(Object object)

    显示操作菜单

      ActionSheet:function()
      {
        wx.showActionSheet({
          itemList: ['A', 'B', 'C'],
          success (res) {
            console.log(res.tapIndex)
          },
          fail (res) {
            console.log(res.errMsg)
          }
        })
      },
    

    调用后效果:
    在这里插入图片描述

    展开全文
  • 微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的, 因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下: 微信小程序前端与后台交互的时候使用的是request请求,...

    在微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的,

    因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下:

    微信小程序前端与后台交互的时候使用的是request请求,请求的地址必须是Http打头的,为了方便前台测试,我们可以自己先写一个我们需要的json文件,然后使用tomcat去访问。

    具体做法就是:

    1.在idea编辑器(其他可以做web的编辑器也可以)中新建一个web项目,

    2.将微信小程序的项目文件(假设叫weixin_test)拖进web目录下,

    3.配置并启动tomcat,

    4.将web项目web目录下的小程序文件(假设叫weixin_test)用微信开发者打开,

    5.正常使用request请求去访问我们写好的json文件即可。

    6.与此同时,我们使用微信开发者工具调代码的时候idea下的那个web项目也会同步更新(因为微信开发者工具打开的是web项目下的一个子文件),前提是tomcat是启动状态,这样就可以提高编码效率啦。

     

    原创文章,请勿转载!

    展开全文
  • 微信开发者工具&WXML+WXSS学习笔记 by wyc 小程序下载以及使用 浏览器搜索微信小程序api即可找到官网 在设置/外观设置 中可以调整开发者工具的颜色以及主题,推荐深色,搭配浅色的语法高亮 文件介绍 pages、app...
  • 介绍微信开发者工具 首先,我们需要下载微信开发者工具。下载完以后,我们可以打开微信开发者工具,我们需要点击加号,新建一个项目。 我们可以看到,点开以后,第一行是项目名称,我们可以修改我们的项目的名字。...
  • 打开微信开发者工具 创建第一个小程序 步骤: 打开微信开发者工具 使用微信扫码登录 点击小程序-创建小程序 项目名 项目路径 appid 不使用云服务器 语言: javascript...
  • 微信公众平台开发者文档

    万次阅读 2017-05-03 09:58:43
    微信公众平台开发者文档 微信公众平台开发概述 微信公众平台是运营者通过公众号为微信用户提供资讯和服务的平台,而公众平台开发接口则是提供服务的基础,开发者在公众平台网站中创建公众号、获取接口权限后...
  • 最近在搞微信开发者模式,对于第一次接触这东西的人来说还真是没有头绪,因为需要跟微信进行交互,难免会碰到一些问题,不像我们在本机开发那样,很快就能把逻辑代码写完。今天主要是让测试耽误了时间,由于微信...
  • 上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小...
  • 过去0前端基础的我如果能看到这篇文章,应该会少走很多弯路。 文档中的截图来自项目:“黄蔷的记事本第一季”,以下简称“此项目”。 工具栏介绍 IDE界面最上面一行是工具栏,在此项目中主要用到的工具有模拟器、...
  • 微信开发一(与自己的后台交互

    千次阅读 2017-08-27 21:37:21
    在进入微信开发前,首先我们要将我们的ip映射成url访问地址,这里我用的是natapp,感觉还是挺稳定的,只不过映射的地址搁一段时间会被替换掉natapp的下载地址https://natapp.cn/接下来进入到微信的公众号平台里面去...
  • 微信之所以验证开发者服务器,是为了绑定公众号用户与其开发服务器,以完成公众号的用户与公众号之间交互信息的推送。 举个例子来说,比如用户领取了公众号的会员卡,微信就会往这个公众号绑定的服务器地址发送一个...
  • 微信公众平台开发者模式(PHP)

    千次阅读 2015-03-19 10:04:43
    该篇为原创,若转载请麻烦注明CSDN的wjbianjason,
  • 微信开发(一)----成为开发者

    千次阅读 热门讨论 2017-08-11 21:02:40
    最近的开发中用到了微信公众号,通过微信公众号接收一些文本、图片……然后对这些信息进行处理,效果类似下图:   一、申请公众号  公众号开发当然首先得有一个公众号,公众号分为两种:订阅号和服务号,这两个有...
  • 实验3 微信公众平台开发模式接入 一、实验要求  熟悉微信公众平台开发注意事项;  掌握测试号的申请以及测试号如何接入开发模式;  掌握个人订阅号如何接入开发模式;  掌握开发模式消息收发的原理; 二、...
  • 在申请微信小程序的时候,appID非常重要,只有在开发者工具中设置appID才能显示完整功能。 主文件夹下由三个文件是小程序必要的组成文件,分别是app.js,app.json,app.wxss,如下图 这三个文件的作用分别为: ...
  • 相关文档:微信公众号开发-实现服务端回复消息为空   xstream简单使用(wx消息体处理)   XStream-bean转换为xml是,携带CDATA  controller中直接...首先,按照微信公众号开发文档提示,进行公众号申请: ...
  • 1.首先有3个对象 分别是微信用户端 微信公众平台服务器 开发者服务器(也就是放自己代码的服务器) 三者间互相交互 2.微信公众平台服务器 充当中间者角色 (以被动回复消息为例) 接收用户消息:用户发送消息给...
  • 1.在微信开发者工具里面点击右上角的‘详情’,然后在‘项目设置’里面选择‘不校验安全域名、TLS 版本以及 HTTPS 证书’就可以了。 成功之后打印台上有提醒 这样设置之后,你就可以用http协议的地址进行交互...
1 2 3 4 5 ... 20
收藏数 26,818
精华内容 10,727
关键字:

微信开发者平台怎么进行交互