小程序开发

微信小程序开发API接口设计与实现

编辑时间:2019-08-24 20:49  浏览次数:浏览次数
小程序设计和编写Web API平台是非常重要的,通过这个我们可以实现数据的集中控制和管理。 微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,通过小程序的请求Web API平台获取JSON数据后,可以在小程序界面上进行数据的动态展示。

在数据的关键 一环中,我们设计和编写Web API平台是非常重要的,通过这个我们可以实现数据的集中控制和管理,本篇随笔介绍基于Asp.NETMVC的Web API接口层的设计和常见接口代码的展示,以便展示我们常规WebAPI接口层的接口代码设计、参数的处理等内容。

1、Web API整体性的架构设计
我们整体性的架构设计,包含一个Web管理后台、一个Web API统一接口层、当然还有数据库什么,另外还有一个小程序客户端。 整个体系以Web API为主提供服务,同时后台管理系统通过各种界面维护着数据的增删改等基础管理工作。 Web API的分层,我们可以通过下图来了解具体的分层结构。

小程序API接口设计
随着基于JSON格式的Web API的广泛应用,越来越多的企业采用Web API接口服务层,作为统一接口的核心所在,也成为Web API核心层。基于JSON格式的接口,可以广泛地、跨平台的应用于IOS、安卓等移动端,也可以应用在常规的Web业务系统,Winform业务系统、微信应用、微信小程序等方方面面,因此企业内部形成自己是的一套Web API标准和详细的文档非常重要。

小程序API接口设计2、基于Asp.NET MVC的Web API接口的实现
POST方式 POST方式,接口参数包括有零或一个参数,以及多个参数的方式,返回的值可以是简单的字符串等基础类型,也可以是复杂的自定义对象类型等,这就是几种常规的接口处理。但是,对于多个参数的接口定义,我们需要对它们进行转换处理,需要使用JObject param的方式进行定义,这样可以很好对多个参数或者自定义的实体类参数进行解析。 下面是几种常规的POST接口定义方式。
        ///
        /// 测试使用POST方式提交数据,参数输入为多个,使用JObject处理
        ///
        /// 返回字符串
        [HttpPost]
        public string TestPost(JObject param, string token)
        {
            dynamic obj = param;
            string id = obj.id;
            if (obj != null)
            {
                return string.Format(返回结果, id:{0}, id);
            }
            else
            {
                throw new MyApiException(传递参数出现错误);
            }
        }
        ///
        /// 测试使用POST方式提交数据,参数输入为多个,使用JObject处理
        ///
        /// 返回参数计算数值
        [HttpPost]
        public int TestPostSimple(JObject param)
        {
            dynamic obj = param;
            if (obj != null)
            {
                return obj.x * obj.y * 10;
            }
            else
            {
                throw new MyApiException(传递参数出现错误);
            }
        }      
        ///
        /// 测试POST的方法,方法统一采用JObject param 方式定义,包含一个msg字符串对象,以及一个CListItem对象
        ///
        /// 返回一个通用的CommonResult对象,包括Data1,Data2,Data3的信息
        [HttpPost]
        public CommonResult TestPostObject(JObject param)
        {
            dynamic obj = param;
            if (obj != null)
            {
                string msg = obj.msg; //消息对象
                //如果obj.item为类对象,那么需要转换为JObject然后使用ToObject转换为对应类型
                CListItem item = ((JObject)obj.item).ToObject();
                var result = new CommonResult(true, msg);
                result.Data1 = msg;
                result.Data2 = item.Text;
                result.Data3 = item.Value;
                return result;
            }
            else
            {
                throw new MyApiException(传递参数出现错误);
            }
        }
        ///
        /// 修改分组,方法统一采用JObject param 方式定义,包括一个字符串对象contactId,一个字符串列表对象groupIdList
        ///
        /// 返回一个通用的对象
        [HttpPost]
        public CommonResult TestPostList(JObject param)
        {
            dynamic obj = param;
            if (obj != null)
            {
                string contactId = obj.contactId; //联系人ID
                //如果是List的类似列表,不能直接转换,先转换为JArray后使用ToObject转换为对应列表
                List groupIdList = ((JArray)obj.groupIdList).ToObject
                var result = true; //BLLFactory.Instance.ModifyAddressGroup(contactId, groupIdList);
                return new CommonResult(result);
            }
            else
            {
                throw new MyApiException(传递参数出现错误,请检查是否包含了contactId和groupIdList);
            }
        }    

GET方式 GET方式,接口参数包括有零或一个参数,以及多个参数的方式,返回的值可以是简单的字符串等基础类型,也可以是复杂的自定义对象类型等,如下面几种接口代码所示。 
        /// 简单的GET方式获取数据
        ///
        ///字符串ID
        ///接口访问令牌
        /// 返回字符串值
        [HttpGet]
        public string Test(string id, string token)
        {
            return string.Format(返回结果, id:{0}, id);
        }

        ///
        /// 多个参数的GET方式获取数据
        ///
        ///字符串ID
        ///名称
        ///接口访问令牌
        /// 返回字符串值
        [HttpGet]
        public string TestMulti(string id, string name, string token)
        {
            return string.Format(返回结果, id:{0} name:{1}, id, name);
        }

        ///
        /// 参数测试GET返回自定义实体类对象
        ///
        ///字符串ID
        ///接口访问令牌
        /// 返回自定义实体类对象
        [HttpGet]
        public virtual CommonResult TestObject(string id, string token)
        {
            return new CommonResult() { Data1 = id, Success = true };
        }

        ///
        /// 测试GET返回列表对象
        ///
        ///接口访问令牌
        /// 返回列表对象
        [HttpGet]
        public List TestAction(string token)
        {
            List list = new List() { 123, 234, 345 };
            return list;
        }    

接口类,我们一般把类继承自自己的API接口基类,并对它的异常处理进行处理,以便对错误统一格式回应,如下接口类的代码定义所示。
    ///
    /// 此控制器用来详细介绍各种GET/POST的接口设计
    /// 对于GET方式,方法可以接受多个参数
    /// 对于POST方式,方法如果有参数使用POST方式,统一采用JObject param对象参数。
    /// 如果POST方式有多个参数,如Web API接口加token,则需要客户端把该参数追加在URL上,如url?token=123,然后在使用POST操作
    ///
    [ExceptionHandling]
    public class TestController : BaseApiController   小程序端代码处理 小程序端主要是通过JS代码进行处理,实现数据的获取及提交处理等。 如我们列举一个代表性的POST处理代码,如下所示。 //测试POst方法
  wx.request({
    url: \'http://localhost:27206/api/SmallApp/Test/TestPostObject\',
    data: { 
      msg : \'测试内容\', 
      item: {Text :\'Text\', Value:\'testValue\'}
    },
    header: {\'Content-Type\': \'application/json\' },
    method: \'POST\',
    success: function (res) {
      console.log(res.data);
    }
  }); 而对于GET方式,我们的小程序调用方式如下所示。
  getFilms: function(start) {
    console.log(\'start:\' + start);
    var that = this

    wx.request({
      url: \'http://www.iqidi.com/api/h5/test/movies\',
      data: {
        offset: start,
        type: \'hot\',
        limit: that.data.limit
      },
      header: {
          \'Content-Type\': \'application/json\'
      },
      success: function (res) {
        console.log(res.data)

        var data = res.data.data;
        console.log(data);
        if (data.movies.length === 0) {
          that.setData({
            hasMore: false,
            hideLoading :true,
          })
        } 
        else {
          that.setData({
            films: that.data.films.concat(data.movies),
            start: that.data.start + data.movies.length,
            hasMore: true,
            hideLoading :true,
          });
        }
      }
    })

以上就是我们常规接口(单个参数或者多个参数,简单对象和复杂对象的处理)的定义代码,希望读者在开发Web API接口的时候,可以有所帮助。

本文地址:https://www.webbj.cn/operation/xcx1895.html

免责声明:我司网站转载此文,不代表本网的观点和立场。不以盈利为目的,如有侵犯公司或个人权益,请联系QQ:451521464沟通,我司会第一时间删除文章。 思捷智联是北京小程序开发公司,欢迎咨询免费获取思维导图!
推荐阅读
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

感受专业服务,从来电咨询开始
136-6130-7020