Skip to content

Commit

Permalink
Merge pull request #2 from janbrasna/upd/fastlane-match-ref
Browse files Browse the repository at this point in the history 
Updade fastlane match references
  • Loading branch information
@KrauseFx
KrauseFx authored Jul 15, 2024
2 parents 8683854 + 10e1870 commit 2c8bd3f
Show file tree
Hide file tree
Showing 8 changed files with 48 additions and 176 deletions.
104 changes: 0 additions & 104 deletions assets/css/extra_simil_bootstrap.css
View file

This file was deleted.

23 changes: 13 additions & 10 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
max-width: 992px;
margin: 0 auto;
}
h2 {
h1, h2 {
font-size: 68px;
letter-spacing: -0.01em;
line-height: 70px;
Expand All @@ -24,12 +24,12 @@ h2 {
color: #595959;
}
@media (max-width: 480px) {
h2 {
h1, h2 {
font-size: 55px;
line-height: 55px;
}
}
h4 {
h3, h4 {
font-size: 42px;
letter-spacing: -0.01em;
line-height: 48px;
Expand All @@ -38,7 +38,7 @@ h4 {
color: #A6A6A6;
}
@media (max-width: 480px) {
h4 {
h3, h4 {
font-size: 30px;
line-height: 30px;
}
Expand Down Expand Up @@ -91,8 +91,11 @@ img.img-responsive {
.the-solution .img_container {
margin-bottom: 50px;
}
.the-solution .secure-collapse {
display: none;
.the-solution details summary {
cursor: pointer;
display: list-item;
text-decoration: underline;
padding-bottom: 1.5em;
}
.the-solution ul {
padding-left: 0px;
Expand All @@ -106,13 +109,13 @@ img.img-responsive {
display: inline;
}
.the-solution ul li:before {
content: "· ";
content: "• ";
color: #979797;
font-size: 20px;
}
.the-solution ul.smaller li {
margin-bottom: 0px;
font-style: 19px;
font-size: 19px;
color: #979797;
line-height: 19px;
}
Expand Down Expand Up @@ -220,10 +223,10 @@ img.img-responsive {
}
}
.learn-more h2 {
font-size: 50px;
font-size: 45px;
}
.learn-more h4 {
font-size: 34px;
font-size: 26px;
line-height: 34px;
}
.learn-more img {
Expand Down
1 change: 0 additions & 1 deletion assets/css/style.min.css
View file

This file was deleted.

4 changes: 0 additions & 4 deletions assets/js/main.min.js
View file

This file was deleted.

7 changes: 0 additions & 7 deletions assets/js/vendor/bootstrap/bootstrap.min.js
View file

This file was deleted.

5 changes: 0 additions & 5 deletions assets/js/vendor/jquery/jquery.min.js
View file

This file was deleted.

1 change: 0 additions & 1 deletion assets/js/vendor/jquery/jquery.min.map
View file

This file was deleted.

79 changes: 35 additions & 44 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,38 +2,35 @@
<html>
<head>
<title>Code Signing Guide for Teams</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/vendor/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/extra_simil_bootstrap.css" />
<link rel="stylesheet" href="assets/css/style.min.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-20906421-13', 'auto');
ga('send', 'pageview');

</script>
</head>
<body>
<div class="container new-approach text-center">
<h2>
<h1>
A new approach to code signing
</h2>
<h4>
</h1>
<h3>
A best practices guide on how to manage certificates
and provisioning profiles in your development team.
</h4>
</h3>
<p>
Wait, what is code signing? Code signing is required on iOS when distributing your app to customers. It assures that your app can be trusted and hasn’t been modified since it was last signed.
</p>
<p>
See <a href="https://developer.apple.com/support/code-signing/" target="_blank">Apple’s docs</a> for more general details on code signing.
</p>
<img src="assets/img/cs-down-arrow.png" class="down-arrow" />
<img src="assets/img/cs-down-arrow.png" class="down-arrow">
</div>
<hr>
<div class="container the-problem">
Expand All @@ -45,7 +42,7 @@ <h2 class="text-center">
When deploying an app to the App Store, a beta testing service or even installing it on a single device, most development teams have separate code signing identities for every member. This results in dozens of profiles including a lot of duplicates.
</p>
<div class="img_container text-center">
<img src="assets/img/cs-the-problem.png" class="img-responsive" alt="Update provisioning profiles across machines" />
<img src="assets/img/cs-the-problem.png" class="img-responsive" alt="Update provisioning profiles across machines">
</div>
<p>
You have to manually renew and download the latest set of provisioning profiles every time you add a new device or a certificate expires. Additionally this requires spending a lot of time when setting up a new machine that will build your app.
Expand All @@ -64,13 +61,13 @@ <h2 class="text-center">
Instead of registering for <em>yet</em> another service, you can use a separate private Git repo to sync your profiles across multiple machines.
</p>
<div class="img_container text-center">
<img src="assets/img/cs-git-img.png" class="img-responsive" alt="Your Keys In-Sync with Git" />
<img src="assets/img/cs-git-img.png" class="img-responsive" alt="Your Keys In-Sync with Git">
</div>
<h5>
How to use Git for code signing:
</h5>
<p>
The basic requirement is to have <u>one code signing identity</u> shared across your team. The easiest way to do that is to create a new Apple ID for the team (e.g. ios-dev@company.com) and use that from now on. To get started:
The basic requirement is to have <em>one code signing identity</em> shared across your team. The easiest way to do that is to create a new Apple ID for the team (e.g. ios-dev@company.com) and use that from now on. To get started:
</p>
<p>
1. First, create a new, private Git repo in which you can store the profiles.
Expand Down Expand Up @@ -121,10 +118,8 @@ <h5>
<h5>
Is this secure?
</h5>
<p>
<a id="learn-more" href="#">Expand for more </a>
</p>
<div class="secure-collapse">
<details>
<summary>Expand for more</summary>
<p>
Both your keys and provisioning profiles are encrypted using OpenSSL using a passphrase.
</p>
Expand Down Expand Up @@ -185,7 +180,7 @@ <h5>
</p>
</li>
</ul>
</div>
</details>
</div>
<hr>
<div id="match" class="bg-container">
Expand All @@ -194,26 +189,26 @@ <h2 class="text-center">
Making things simple with <i>match</i>
</h2>
<h4 class="text-center">
To make it easy for you to implement this new approach to code signing, <a href="https://fastlane.tools/" target="_blank">fastlane</a> now provides a new tool called <a href="https://github.com/fastlane/fastlane/tree/master/match#readme" target="_blank">match</a>.
To make it easy for you to implement this new approach to code signing, <a href="https://fastlane.tools/" target="_blank">fastlane</a> now provides a new tool called <a href="https://fastlane.tools/match" target="_blank">match</a>.
</h4>
<h4 class="text-center">
<strong><a href="https://fastlane.tools/" target="_blank">match</a></strong> takes care of all the heavy lifting for you, including:
</h4>
<div class="row including-tools">
<div class="col-xs-12 col-md-4 ">
<img src="assets/img/cs-icon-identity.jpg" alt="Generates your code signing identity" />
<img src="assets/img/cs-icon-identity.jpg" alt="Generates your code signing identity">
<p class="italic">
Generates your code signing identity and provisioning profiles if necessary.
</p>
</div>
<div class="col-xs-12 col-md-4">
<img src="assets/img/cs-icon-storing.jpg" alt="Stores everything in a separate Git repository" />
<img src="assets/img/cs-icon-storing.jpg" alt="Stores everything in a separate Git repository">
<p class="italic">
Stores all certificates and provisioning profiles in a separate Git repository.
</p>
</div>
<div class="col-xs-12 col-md-4">
<img src="assets/img/cs-icon-installation.jpg" alt="Automatically installs the certificates" />
<img src="assets/img/cs-icon-installation.jpg" alt="Automatically installs the certificates">
<p class="italic">
Automatically installs the certificates and provisioning profiles from the repository.
</p>
Expand All @@ -223,27 +218,27 @@ <h4 class="text-center">
To get started, create a new private Git repo and run:
</p>
<div class="coding">
match init
fastlane match init
</div>
<img src="assets/img/cs-match-init.gif" alt="match init" class="gif-anim img-responsive" />
<img src="assets/img/cs-match-init.gif" alt="match init" class="gif-anim img-responsive">
<p>
To generate and store new certificates and provisioning profiles run:
</p>
<div class="coding">
match appstore
fastlane match appstore
</div>
<p>
Or:
</p>
<div class="coding">
match development
fastlane match development
</div>
<img src="assets/img/cs-match-appstore-big.gif" alt="match appstore" class="gif-anim img-responsive" />
<img src="assets/img/cs-match-appstore-big.gif" alt="match appstore" class="gif-anim img-responsive">
<p>
On a new machine, just run <span class="inline-coding">match appstore</span> to install the existing certificates.
On a new machine, just run <span class="inline-coding">fastlane match appstore</span> to install the existing certificates.
</p>
<p>
If you never really cared about code signing and have a messy Apple Developer account with a lot of invalid, expired or Xcode managed profiles/certificates, you can use the <span class="inline-coding">match nuke</span> command to completely clear your developer portal.
If you never really cared about code signing and have a messy Apple Developer account with a lot of invalid, expired or Xcode managed profiles/certificates, you can use the <span class="inline-coding">fastlane match nuke</span> command to completely clear your developer portal.
</p>
<p>
This command will revoke all certificates and provisioning profiles for a specific environment.
Expand All @@ -252,27 +247,27 @@ <h4 class="text-center">
Simply run:
</p>
<div class="coding">
match nuke development
<br>match nuke distribution
fastlane match nuke development
<br>fastlane match nuke distribution
</div>
<img src="assets/img/cs-match-nuke.gif" alt="" class="gif-anim img-responsive" />
<img src="assets/img/cs-match-nuke.gif" alt="match nuke" class="gif-anim img-responsive">
<div class="bottom-img text-center">
<img src="assets/img/cs-open-source.png" alt="100% Cpen Source" />
<a href="https://github.com/fastlane/fastlane/tree/master/match#readme" target="_blank">
<img src="assets/img/get-match-on-fastlane.png" alt="get match on fastlane" class="get-match" style="width:320px; height:140px;" />
<img src="assets/img/cs-open-source.png" alt="100% Open Source">
<a href="https://fastlane.tools/match" target="_blank">
<img src="assets/img/get-match-on-fastlane.png" alt="get match on fastlane" class="get-match" width="320" height="140">
</a>
</div>
</div>
</div>
<hr>
<div class="container learn-more text-center">
<h2 class="text-center" style="font-size:45px!important;">
<h2 class="text-center">
Reduce the time it takes to build &amp; deploy your app
</h2>
<h4 style="font-size:26px!important;">
<h4>
Learn more about how fastlane unifies and automates your app's release process.
</h4>
<a href="https://fastlane.tools/" target="_blank"><img src="assets/img/cs-fastlane-logo.png" alt="Fastlane" style="width:268px; height:71px;"></a>
<a href="https://fastlane.tools/" target="_blank"><img src="assets/img/cs-fastlane-logo.png" alt="Fastlane" width="268"></a>
</div>
<div class="footer">
<div class="container">
Expand All @@ -283,8 +278,4 @@ <h4 style="font-size:26px!important;">
</div>
</div>
</div>
<script src="assets/js/vendor/jquery/jquery.min.js"></script>
<script src="assets/js/main.min.js"></script>
<script src="assets/js/vendor/bootstrap/bootstrap.min.js"></script>
<script src="//localhost:8080/livereload.js" charset="utf-8"></script>
</body>

0 comments on commit 2c8bd3f

Please sign in to comment.