返回介绍

8.6 测试

发布于 2025-02-26 23:07:12 字数 2205 浏览 0 评论 0 收藏 0

测试应用

现在,应用创建完成,我们需要添加 iOS 平台和 Android 平台来进行测试了:

ionic platform add ios ionic platform add android

接下来,我们就要模拟/运行 app 了。我有一个三星 Galaxy Note 3 和一个 iOS 模拟器作为测试设备。我在 Android 上运行,在 iOS 模拟器上模拟过来。你也可以同 Android 模拟器和 iOS 模拟器进行测试。 利用如下命令启动或者模拟应用:

ionic run android -l -c

也可以这么用:

ionic emulate ios –l –c

标记设置在模拟或者运行中实时重新加载, 标记激活 JavaScript 控制台日志输出到命令行或者终端。在模拟器和设备上调试 Ionic 应用,这两个算是最有用的标记了。

-l-c

应用运行成功之前,主页大概是这样的:

main page

点击 的时候,会看到 Google 授权页如下:

Login With Google
google login

授权认证成功之后,将会看到许可界面(下面截屏的左边),我们你是回流用户的话,将会问你离线访问(下面截屏右边):

google authentication page

在 Android 设备上是使用

ionic.testuse1@gmail.com 登录的,在 iOS 模拟器上使用的是 ionic.testuser2@gmail.com 登录的。

成功登录之后,将会显示用来展示离线用户的 dashboard 标签页,如下左。当点击一个用户,将被带到聊天界面,如下右:

dash

用户可以通过在文本域中输入信息然后点击图标按钮来发送信息。然后,通过点击 图标按钮来显示一个动作表单如下左。 可以通过动作表单行为来与其他用户分享图片,如下右:

airplanemore
share picture

也可以选择 选项(如下左)来分享地理信息。其他用户可以在聊天界面里面看到(如下右):

Share My Location
share geolocation

这就是我们的聊天应用!你可以在任何时间点访问 Firebase forge 来查看存储的数据。效果大概如下:

data stored

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文