forked from magento/devdocs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathios-instrux.html
80 lines (61 loc) · 4.43 KB
/
ios-instrux.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
---
---
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}common/css/stylesheet.css"/>
<link rel="stylesheet" href="{{ site.baseurl }}common/css/stylesheet-fonts.css" type="text/css" charset="utf-8">
<link rel="icon" href="{{ site.baseurl }}common/css/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="{{ site.baseurl }}common/css/favicon.ico" type="image/x-icon">
<title>Creating an iOS App for Magento MobileConnect</title>
</head>
<body>
<a name="top"></a>
<img src="{{ site.baseurl }}common/images/m1x/m1xheader.png" width="1024" alt="header" />
<!-- Title: Magento Community Edition (CE) 1.9 and Magento Enterprise Edition (EE) 1.14 Responsive Web Design Developer's Guide-->
<!-- URL: ee114-ce19-rwd-dev-guide -->
<body>
<a name="top"></a>
<div id="content">
<h1>Creating an iOS App for Magento MobileConnect</h1>
<!-- <p><a href="{{ site.m1xgithuburl }}/ce19-ee114/RWD_dev-guide.html" target="_blank">Edit this page on GitHub <img src="{{ site.baseurl }}common/images/github_icon.png" height="15px"></a></p>
-->
<div class="toc"><h4 class="toc">Contents</h4>
<ul><li><a href="#intro">Introduction</a></li>
<li><a href="#prereq">Prerequisites</a></li>
<li><a href="#customize">Customizing Your iOS App</a></li>
<li><a href="#more-info">For More Information</a></li>
</ul></div>
<h2 id="intro">Introduction</h2>
<p>This guide helps you create and configure an iOS app for Magento MobileConnect. Your app enables customers to view and make purchases for your store.</p>
<p>We provide you with a sample app in the MagentoMobile extension package that you can open as an XCode project to do the customization.</p>
<h2 id="prereq">Prerequisites</h2>
<p>Before you begin:</p>
<ol><li>You must be familiar with iOS app development.<br />
To come up to speed, you can <a href="https://developer.apple.com/programs/start/standard/" target="_blank">enroll in an Apple Developer program</a>.</li>
<li>You must know the App Code for your Magento MobileConnect application.<br />
To view the code, log in to the Admin Panel as an administrator and click <strong>MobileConnect</strong> > <strong>Manage Apps</strong>. You must know the value displayed in the App Code column.</li>
</ol>
<h2 id="creating">Creating the iOS App</h2>
<p>To create the iOS app:</p>
<ol><li>Open <code>MagentoShop/MagentoShop.xcodeproj</code> in Xcode.</li>
<li>Locate <code>Configuration.plist</code>.</li>
<li>Change the value of <code>serverURL</code> to your store's base URL (for example, <code>http://mystore.example.com</code>).</li>
<li>Change the value of <code>applicationCode</code> to the application code displayed in the Magento Admin Panel. <br />
To view the code, log in to the Admin Panel as an administrator and click <strong>MobileConnect</strong> > <strong>Manage Apps</strong>. Enter the value displayed in the App Code column.</li>
<li>Build and run your app.</li></ol>
<h2 id="customize">Customizing Your iOS App</h2>
<p>The following sections discuss how you can customize your Magento MobileConnect iOS app.</p>
<h3 id="customize-start">Customizing the Launch Image</h3>
<p>Launch images are located in <code>MagentoShop/Resources/Images/LaunchImages.xcassets</code>.</p>
<p>Refer to Apple's <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html" target="_blank">Human Interface Guidelines</a> for details.</p>
<h3 id="customize-icon">Customizing the App Icon</h3>
<p>App icons are located in <code>MagentoShop/Resources/Images/ApplicationIcon.xcassets</code>.</p>
<p>Refer to Apple's <a href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html" target="_blank">HIG</a> for best practices.</p>
<h3 id="customize-thumb">Customizing Thumbnail Images</h3>
<p>Thumbnail images display when a category or a product does not have an image defined for it.</p>
<p>You can find customizable images in <code>MagentoShop/Resources/Images/Images.xcassets/thumbnails</code>.</p>
<h2 id="more-info">For More Information</h2>
<ul><li><a href="https://developer.apple.com/library/mac/documentation/IDEs/Conceptual/AppDistributionGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40012582-CH1-SW1" target="_blank">About App Distribution</a></li>
<li><a href="https://developer.apple.com/programs/start/standard/" target="_blank">Enrolling in Apple Developer Programs</a></li></ul>