一种基于react-native快速实现移动端用户登录的方法
【技术领域】
[0001 ] 本发明涉及：react-nat ive技术领域，特别涉及一种基于react-nat ive快速实现移 动端用户登录的方法。
【背景技术】
[0002] React Native结合了Web应用和Native应用的优势，可以使用JavaScript来开发 iOS和Andro id原生应用。在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元 素来渲染等。
[0003] 当前面临的问题是：
[0004] React Native是Facebook最新开源的，可以同时用来开发iOS和Android应用，每 个需要用户注册的移动应用，都在重复实现登录功能，如果有一种可以同时支持i〇S和 Android的登录组件即插即用就好了。
【发明内容】
[0005] 本发明解决的技术问题在于提供一种基于react-native快速实现移动端用户登 录的方法;能够快速实现移动端用户的登录方法。
[0006] 本发明解决上述技术问题的技术方案是：
[0007] 所述的方法包含以下几个步骤：
[0008] 步骤一、布局登录界面；
[0009]步骤二、封装Json接口类ap i · j s，实现接口配置；
[0010]步骤三、封装数据获取类UtiI. js，实现数据获取封装类；
[0011] 步骤四、调用Json接口，传入用户名和密码两个参数；
[0012] 步骤五、通过调用工具类Util, js，与服务器进行交互验证，验证成功获取用户数 据，失败返回异常提醒；
[0013] 步骤六、组件化封装成Login, js，通过语句var Login = TequireI^ Login, js')，直 接把登录组件插入到自己的项目中，实现登录功能。
[0014] 所述的移动端包括iOS和Android。
[0015] 本发明的有益效果:本发明提供一种基于react-native快速实现移动端用户登录 的方法。
【附图说明】
[0016] 下面结合附图对本发明进一步说明：
[0017] 图1为本发明的方法流程图。
【具体实施方式】
[0018] 如图1所示，本发明采用如下步骤可以实现移动端用户登录：
[0019] 步骤一、布局登录界面；
[0020] 步骤二、封装Json接口类ap i · j s，实现接口配置。
[0022]步骤三、封装数据获取类Util. js，实现数据获取封装类。
[0025] 步骤四、调用Json接口，传入用户名和密码两个参数；
[0026] var API=Tequire(7Vapi-Jsr);
[0027] var path=API .host+
[0028] API. login+7 &userInfo.mobile = 7 +mobile+7 &userInfo.userPwd = / +password；
[0029] 步骤五、通过调用工具类Util, js，与服务器进行交互验证，验证成功获取用户数 据，失败返回异常提醒。
[0030]
[0031 ] 步骤六、组件化封装成Login · j s，可以通过语句var Login = require (' Login. );直接把登录组件插入到自己的项目中，从而实现登录功能。
【主权项】
1. 一种基于react-native快速实现移动端用户登录的方法，其特征在于:所述的方法 包含以下几个步骤： 步骤一、布局登录界面； 步骤二、封装Json接口类api · js，实现接口配置； 步骤三、封装数据获取类Ut i 1. j s，实现数据获取封装类； 步骤四、调用Json接口，传入用户名和密码两个参数； 步骤五、通过调用工具类Util, js，与服务器进行交互验证，验证成功获取用户数据，失 败返回异常提醒； 步骤六、组件化封装成1^(^；[11.」8，通过语句￥31^(^；[11 = 16911；[代（']^(^；[11.」8'），直接把 登录组件插入到自己的项目中，实现登录功能。2. 根据权利要求1所述的一种基于react-native快速实现移动端用户登录的方法，其 特征在于:所述的移动端包括i〇S和Android。
【专利摘要】本发明涉及react-native技术领域，特别涉及一种基于react-native快速实现移动端用户登录的方法。本发明方法步骤是：1、布局登录界面；2、封装Json接口类api.js，实现接口配置；3、封装数据获取类Util.js，实现数据获取封装类；4、调用Json接口，传入用户名和密码两个参数；5、通过调用工具类Util.js，与服务器进行交互验证，验证成功获取用户数据，失败返回异常提醒；6、把以上步骤采用组件化模式封装成Login.js，然后可以通过语句var？Login＝require(′Login.js′)；直接把登录组件插入到自己的项目中，从而实现登录功能。本发明提供了一种基于react-native快速实现移动端用户登录的方法；可以用于快速实现移动端用户登录。
【IPC分类】G06F9/455, G06F9/44
【公开号】CN105550016
【申请号】CN201510908991
【发明人】张来卿, 徐震宇, 季统凯
【申请人】国云科技股份有限公司
【公开日】2016年5月4日
【申请日】2015年12月9日